我正在使用JQuery库来实现拖放。
当被放入可排序列表中时,如何获取被拖动的元素?
我想得到被拖动的div的id。拖动以下元素:
<div class="control" id="control[1]" > <img src="img/controls/textfield.png" /> </div>
我的示例中有标准的拖动功能
$(".control").draggable({ connectToSortable: '#sortable',helper: 'clone' });
stop: function(event,ui) { alert(ui.helper.attr('id')); }
这是可排序的元素:
<ul id="sortable"><li>test</li></ul>
和他的功能:
$("#sortable").sortable({ revert: true,accept: '.control',receive: function(event,ui) { // here i need to get draggable element id } });
我已经尝试过似乎不起作用的各种ui.id等。
receive: function(event,ui) { $(ui.draggable).attr("id") }
抛出未定义
更新:
对不起,我的错误:)正如我母亲曾经说过的 – “编写API之前”。 ui.item.attr(‘id’)工作正常。
解决方法@H_301_36@
尝试
receive: function(event,ui) {
$(ui.item).attr("id")
}
根据文档,receive(实际上所有可排序的回调)都有两个参数。第二个参数应该包含:
> ui.helper – 当前的帮手元素(通常是克隆的项目)> ui.position – 当前位置帮手> ui.offset – 当前的绝对位置的帮手> ui.item – 当前拖动的元素> ui.placeholder – 占位符(如果你定义了一个)> ui.sender – 可排序的项目来自(仅存在,如果你从一个连接的列表移动到另一个)
receive: function(event,ui) { $(ui.item).attr("id") }
根据文档,receive(实际上所有可排序的回调)都有两个参数。第二个参数应该包含:
> ui.helper – 当前的帮手元素(通常是克隆的项目)> ui.position – 当前位置帮手> ui.offset – 当前的绝对位置的帮手> ui.item – 当前拖动的元素> ui.placeholder – 占位符(如果你定义了一个)> ui.sender – 可排序的项目来自(仅存在,如果你从一个连接的列表移动到另一个)