4

我正在使用 jQuery UI可排序 portlet到我分配数据 ID 的所有 portlet。一个 portlet 元素的 HTML 结构如下所示：

 <div class="portlet" data-id= "6">
        <div class="portlet-header"><h6>Heading</h6></div>
        <div class="portlet-content">First Person</div>
        <div class="portlet-content">10</div>
      </div>

现在与上面链接中的演示类似，我有三列。对于我给出的所有列，我给出了id1、2、3。

<div class="column" id="1">

portlet 结构位于这些 div 中。

现在，当一个 portlet 从一列移动到另一列时，我可以很容易地获得id它所在的列，如下所示：

$( ".column" ).sortable({
    connectWith: ".column",
    handle: 'h6',
    receive: function(event, ui) {
      console.log(this);
    }

我唯一想得到的是data-id已移动的 portlet 的。

我怎么能得到那个？jsFiddle在这里。_

4

1 回答 1

4

被移动的元素在传递给处理程序item的参数的属性中可用，因此您可以编写：uireceive

console.log(ui.item.data("id"));

你会在这里找到一个更新的小提琴。

于 2012-06-30T11:34:10.270 回答