0

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

-->小提琴：http: //jsfiddle.net/4DBLj/3/ <---

 $("#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？我是不是误会了什么？

4

2 回答 2

1

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

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

获取ui项的id属性：

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

编辑：关于 ui.item 评论“我可以在哪里阅读 ui.class”。

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

http://jqueryui.com/demos/sortable/ 在“概述”选项卡下。在那里您会找到对 ui.item 的引用 - 当前拖动的项目。在这种情况下，它具有“id”属性，因为您在该对象的代码“id=''”中包含了一个属性。

于 2012-04-26T20:09:57.710 回答
1

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

    ui.attr('id')
于 2012-04-26T19:30:07.913 回答