Jquery ui 在dropable的Drop事件上调用$(item).sortable(';cancel';)将禁用可排序
我有一些可排序的连接列表,它们同时是可拖放的位置。问题是,当我在droppable的drop事件中调用sortable的cancel方法时,sortable被破坏,不再工作。示例:尝试移动第二个列表上的div编号102:您将看到取消事件将被调用,但可排序表将不再工作?有什么帮助吗?我建议不要也拖动可排序列表,而是在可排序列表上收听Jquery ui 在dropable的Drop事件上调用$(item).sortable(';cancel';)将禁用可排序,jquery-ui,jquery-ui-sortable,droppable,jquery-ui-droppable,Jquery Ui,Jquery Ui Sortable,Droppable,Jquery Ui Droppable,我有一些可排序的连接列表,它们同时是可拖放的位置。问题是,当我在droppable的drop事件中调用sortable的cancel方法时,sortable被破坏,不再工作。示例:尝试移动第二个列表上的div编号102:您将看到取消事件将被调用,但可排序表将不再工作?有什么帮助吗?我建议不要也拖动可排序列表,而是在可排序列表上收听receive事件以取消事件: $('div.products-list').sortable({ connectWith: '.products-list',
receive
事件以取消事件:
$('div.products-list').sortable({
connectWith: '.products-list',
placeholder: 'ui-state-highlight',
items: 'div.product',
revert: 200,
receive: function(event, ui) {
var prod_id = ui.item.attr("prod_id");
/* Equal to 1 is valid because an item was just added to the list: */
if ($(this).find(".product[prod_id='" + prod_id + "']").length > 1) {
ui.sender.sortable("cancel");
}
}
});
示例:我尝试了这个方法,但我无法使用它,因为只有当项目从一个列表移动到另一个列表时才会触发接收。我需要它来触发always@albanx:因此,当项目在其当前所在的列表中移动时,您需要触发它吗?