Question

我正在为我分配数据ID的所有portlet使用jQuery UI sortable portlets。一个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>

现在与上面链接中的演示类似，我有三列。对于我给出{1,2}的id的所有列。

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

portlet结构驻留在这些div中。

现在，当一个portlet从一个列移动到另一个列时，我可以轻松地获取它所放置的列的id，如下所示：

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

我唯一想要的是，移动的portlet的data-id。

我怎么能得到它？ jsFiddle 是here。

Answer 1

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

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

您会找到更新的小提琴here。

获取在jQuery UI中移动的portlet的id

1 个答案: