Question

我有以下问题：将一个项目从“sortable_pics_selected”列表拖出到另一个列表后，有一个事件被jquery ui“remove”事件处理程序触发：

- ＆gt;小提琴：http://jsfiddle.net/4DBLj/3/＆lt; ---

 $("#sortable_pics_selected").sortable({
            remove: function(event, ui) {
                alert('hi);
            }
        });


<div id="sortablecontainer_pic"> 
   <ul id="sortable_pics_all" class="connectedSortable">
      <li class="ui-state-default">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="sortable_pics_selected" class="connectedSortable">
      <li id="1" class="ui-state-highlight">Item 1</li>
      <li id="2" class="ui-state-highlight">Item 2</li>
      <li id="3" class="ui-state-highlight">Item 3</li>
      <li id="4" class="ui-state-highlight">Item 4</li>
      <li id="5" class="ui-state-highlight">Item 5</li>
   </ul>
</div>

有没有办法找出被删除项目的ID？上面的函数一般会在任何项目被移除时触发......什么可能是获得个人ID的最佳方法？是否有一个jquery ui函数可以做到这一点？如果不是这种情况......我觉得删除方法不是正确的。我可以用纯jquery编写它但是为了这个东西jquery ui是构建的吗？我误解了什么吗？

Answer 1

您是否尝试过以下操作？我相信它应该有用

    ui.attr('id')

Answer 2

根据您的小提琴，这是最终代码

http://jsfiddle.net/4DBLj/5/

获取ui项的id属性：

alert(ui.item.attr('id'));

编辑：关于ui.item评论“我可以阅读关于ui.class的内容”。

jQuery UI包含每个小部件的文档。虽然许多包括“ui”，但实际内容可能会有所不同。对于Sortable，请参阅此页面：

http://jqueryui.com/demos/sortable/ 在“概览”标签下。在那里你会找到对ui.item的引用 - 当前拖动的项目。其中，在这个例子中有一个“id”属性，因为你在代码中包含了一个“id =''”的那个对象。

有没有办法在项目从列表中删除后用jquery ui在可排序的连接列表中获取单个项目？

2 个答案: