更新li元素的属性data-id

Update attribute data-id for li element Nestable don't update

本文关键字：属性 data-id 元素 li 更新      更新时间：2023-09-26

我对Nestable有问题。当我使用

var updateOutput = function (e) {
var list = e.length ? e : $(e.target),
    output = list.data('output');
if (window.JSON) {
    output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2));
} else {
    output.val('JSON browser support required for this demo.');
}

};

$('#element').attr({'data-id':'newvalue'});
updateOutput($('.nestable').data('output', $('#nestable_list_output')));

我没有看到输出变化。当我查看我们的via chrome时，我看到该元素的数据id改变了。请帮帮我。这是完整的源代码

function Update_This_Menu(){
$('.update-this-menu').click(function(){
    var RootElement = $(this).parent().parent().parent();
    var NameMenu = RootElement.find('.NameThisMenu').val();
    var TitleMenu = RootElement.find('.TitleThisMenu').val();
    if(NameMenu == ''){
        RootElement.find('.NameThisMenu').addClass('parsley-error');
    }
    else {
        RootElement.data({'name':NameMenu});
        RootElement.data({'title':TitleMenu});
        updateOutput($('.nestable').data('output', $('#nestable_list_output')));
        RootElement.find('.form-edit-menu').hide('slow');
    }
});
}

这是功能删除菜单是OK

function Remove_Menu(){
$('.remove-this-menu').click(function(){
    var RootElement = $(this).parent().parent().parent();
    RootElement.remove();
    updateOutput($('.nestable').data('output', $('#nestable_list_output')));
});
}

Sorry for my english

试试这个:

 $('#element').data('id','newvalue');
相关文章：