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

时间:2014-05-13 16:57:29

标签: javascript jquery element jquery-ui-sortable

我对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时,我看到该元素的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');
    }

});
}

这是功能删除MENU正常

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

抱歉我的英文

1 个答案:

答案 0 :(得分:1)

试试这个:

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