Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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

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 获取删除可排序元素的元素_Jquery_Jquery Ui_Drag And Drop_Jquery Ui Sortable - Fatal编程技术网

Jquery 获取删除可排序元素的元素

Jquery 获取删除可排序元素的元素,jquery,jquery-ui,drag-and-drop,jquery-ui-sortable,Jquery,Jquery Ui,Drag And Drop,Jquery Ui Sortable,我将jquery的可排序插件用于两个不同的列表。 我可以将一个列表中的项目放到另一个列表中 假设我有两个列表 List1-: Item1, Item2, Item3, Item4 List2-: ItemList1, ItemList2, ItemList3 当我将item2拖动到ItemList2上时,将显示新列表 List2-: ItemList1, Item2, ItemList2, ItemList3 我想获取ItemList2,其中Item2已被删除 这是我的密码 <ul

我将jquery的可排序插件用于两个不同的列表。 我可以将一个列表中的项目放到另一个列表中

假设我有两个列表

List1-:  Item1, Item2, Item3, Item4

List2-: ItemList1, ItemList2, ItemList3
当我将item2拖动到ItemList2上时,将显示新列表

List2-: ItemList1, Item2, ItemList2, ItemList3
我想获取ItemList2,其中Item2已被删除

这是我的密码

<ul id="sortable1" class="connectedSortable">
    <li class="ui-state-default" id="a">Item 1</li>
    <li class="ui-state-default">Item 2</li>
    <li class="ui-state-default">Item 3</li>
    <li class="ui-state-default">Item 4</li>
    <li class="ui-state-default">Item 5</li>
</ul>

<ul id="sortable2" class="connectedSortable">
    <li class="ui-state-highlight">ItemList 1</li>
    <li class="ui-state-highlight">ItemList 2</li>
    <li class="ui-state-highlight">ItemList 3</li>
    <li class="ui-state-highlight">ItemList 4</li>
    <li class="ui-state-highlight">ItemList 5</li>
</ul>

根据您的示例,您可以使用以下方法访问已删除元素旁边的项。在receive或update回调中,第二个参数的item属性引用被删除的元素。您可以访问下一个元素,如ui.item.next

$sortable1,sortable2.sortable{ connectWith:。connectedSortable, 更新:functionevent,ui{ ui.item.next.addClassselected; } }; .选定{ 背景:红色!重要; } 项目1 项目2 项目3 项目4 项目5 项目清单1 项目清单2 项目清单3 项目清单4 项目清单5
你说我想得到ItemList2..是什么意思。。?您想在何时/何地访问它。。?你能说得更具体一点吗?我想得到元素被丢弃的元素作为建议…但是每当我把元素放到另一个列表中时,它总是在那里last@Twix你是什么意思?它最后总是坐着。。?根据你提供的代码,它将被放置在被丢弃的地方。。。这个答案是基于你提供的例子。。请用更多信息更新问题。我不知道原因是什么,但每当我删除任何项目时,它都会出现在列表的最后一个位置。此外,第二个列表中的li设置为display:inline。否则,代码与above@tried为第二个列表的添加display:inline,在上面的代码段中不会发生这种情况。你能做一个在线演示来演示你的问题吗。。?可能通过添加有问题的代码段或。。?
 $("#sortable1, #sortable2").sortable({
    connectWith: ".connectedSortable"
 }).disableSelection();