在jQuery UI Sort中,当列表项从一个列表移动到另一个列表后,可以通过以下步骤来更新排序序号:
connectWith
属性,将两个列表连接起来,使得它们可以相互拖拽。$("#list1, #list2").sortable({
connectWith: ".sortable-list",
update: function(event, ui) {
// 在此处更新排序序号
}
});
update: function(event, ui) {
// 获取移动后的列表项
var sortedItems = $(this).children();
// 遍历列表项,并更新排序序号
sortedItems.each(function(index) {
// 更新排序序号
$(this).text(index + 1);
});
}
在上述代码中,通过update
事件来监听列表项的排序更新。当列表项被拖拽到另一个列表时,该事件会触发。在事件回调函数中,通过$(this).children()
获取移动后的列表项,并使用.each()
遍历每个列表项。然后,可以使用.text()
方法来更新排序序号,即将索引值加1赋值给对应的列表项。
以上就是在jQuery UI Sort中列表项从一个列表移动到另一个列表后更新排序序号的方法。
针对此问题,腾讯云并没有提供特定的产品或服务与之直接相关。
领取专属 10元无门槛券
手把手带您无忧上云