拖放后jquery.repeater更新索引
我使用以下jquery插件在表单中创建可重复的输入字段。我还通过jquery sortable插件添加了对元素重新排序的支持。除了可重复元素的索引混乱之外,一切都正常工作 通过阅读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(".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();
});
},