Question

我知道有人被问过一百万次，但我在网上发现的一切都不适合我，所以也许不是这样。我正在尝试根据当前类别动态填充子类别数组，然后使用该数组作为x-editable编辑的源。问题是，每次我更改类别时，子类别数组都会使用新类别进行更新，但旧的子类别仍会保留在那里。我尝试在ajax之前将length属性设置为0但没有快乐。

var subcategories = [];

    $('body').on('hover', '.subcategory_editable', function(){

        $.ajax({
            type:"post",
            dataType: "json",
            data: "category="+$(this).attr('category_id'),
            url:"ajax_php/account_page/get_all_subcategories.php",
            success:function(data){
                $.each(data, function(k, v ) {
                        subcategories[v.id] = v.subcategory
                });
            }
         });
    });

    $(document).ajaxComplete(function() {
        $(".subcategory_editable").editable({
            inputclass:'not_select',
            value:'',
            source:subcategories
        });
    });

Answer 1

每次AJAX完成时都重置subcategories：

success:function(data){
    subcategories = [];
    $.each(data, function(k, v ) {
        subcategories[v.id] = v.subcategory
    });
}

Answer 2

 var subcategories = [];

    $('body').on('hover', '.subcategory_editable', function(){

        $.ajax({
            type:"post",
            dataType: "json",
            data: "category="+$(this).attr('category_id'),
            url:"ajax_php/account_page/get_all_subcategories.php",
            success:function(data){
                subcategories = []
                $.each(data, function(k, v ) {
                        subcategories[v.id] = v.subcategory
                });
            }
         });
    });

    $(document).ajaxComplete(function() {
        $(".subcategory_editable").editable({
            inputclass:'not_select',
            value:'',
            source:subcategories
        });
    });

删除数组内容javascript

2 个答案: