javascript - 更新 li 元素的属性 data-id Nestable 不更新

Question

我在使用 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')));

我没有看到输出变化。当我通过 chrome 查看我们的内容时，我看到该元素的 data-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');
    }

});
}

这是功能，删除菜单即可

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

对不起我的英语

Answer 1

试试这个:

 $('#element').data('id','newvalue');