Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
拖放后jquery.repeater更新索引_Jquery_Jquery Ui_Jquery.repeater - Fatal编程技术网

拖放后jquery.repeater更新索引

拖放后jquery.repeater更新索引,jquery,jquery-ui,jquery.repeater,Jquery,Jquery Ui,Jquery.repeater,我使用以下jquery插件在表单中创建可重复的输入字段。我还通过jquery sortable插件添加了对元素重新排序的支持。除了可重复元素的索引混乱之外,一切都正常工作 通过阅读repeater插件的文档,我发现有一种方法可以重置索引,但我无法理解在拖放之后如何触发该功能。有人能建议我怎么做吗 这是我的可排序代码 jQuery(".repeater-table").sortable({ axis: "y", cursor: 'pointer', opacity: 0.5

我使用以下jquery插件在表单中创建可重复的输入字段。我还通过jquery sortable插件添加了对元素重新排序的支持。除了可重复元素的索引混乱之外,一切都正常工作

通过阅读repeater插件的文档,我发现有一种方法可以重置索引,但我无法理解在拖放之后如何触发该功能。有人能建议我怎么做吗

这是我的可排序代码

jQuery(".repeater-table").sortable({
    axis: "y",
    cursor: 'pointer',
    opacity: 0.5,
    placeholder: "row-dragging",
    delay: 150,
    handle: ".sort-option",
    update: function(event, ui) {
        // stuff to do on sorting update.
    }

}).disableSelection();
这是中继器代码

jQuery('.wpumcf-field-repeater-options').repeater({
    show: function() {
        jQuery(this).slideDown();

        jQuery('.repeater-wrapper').animate({
            scrollTop: jQuery('.repeater-table').height()
        }, 300);
    },
    hide: function(deleteElement) {
        if (confirm(wpum_admin_js.confirm)) {
            jQuery(this).slideUp(deleteElement);
        }
    },
    ready: function(setIndexes) {
        $dragAndDrop.on('drop', setIndexes);
    },
    isFirstItemUndeletable: true
});

有人知道如何触发重置吗

虽然这是一条古老的线索,但对于任何偶然发现这条线索的人来说

Ready函数作为其第一个参数传递给setIndexes方法,因此您可以在repeater的Ready方法中执行以下操作:

ready: function(setIndexes) {
    $('body').on('click', '#delete_page', function(event) {
        // your logic
        setIndexes(); // this will reindex the list
    });
}
ready: function (setIndexes) {
    $(".repeater-table").mouseup(function(){
        setIndexes();
    });
},

虽然这是一条古老的线索,但对于任何一个偶然发现这条线索的人来说

Ready函数作为其第一个参数传递给setIndexes方法,因此您可以在repeater的Ready方法中执行以下操作:

ready: function(setIndexes) {
    $('body').on('click', '#delete_page', function(event) {
        // your logic
        setIndexes(); // this will reindex the list
    });
}
ready: function (setIndexes) {
    $(".repeater-table").mouseup(function(){
        setIndexes();
    });
},

这里有一个解决方法,您可以在中继器的“就绪”功能中使用:

ready: function(setIndexes) {
    $('body').on('click', '#delete_page', function(event) {
        // your logic
        setIndexes(); // this will reindex the list
    });
}
ready: function (setIndexes) {
    $(".repeater-table").mouseup(function(){
        setIndexes();
    });
},

这里有一个解决方法,您可以在中继器的“就绪”功能中使用:

ready: function(setIndexes) {
    $('body').on('click', '#delete_page', function(event) {
        // your logic
        setIndexes(); // this will reindex the list
    });
}
ready: function (setIndexes) {
    $(".repeater-table").mouseup(function(){
        setIndexes();
    });
},