使用jquery拖放,从丢弃的div中获取价值
我正在使用Jquery进行拖放操作。使用jquery拖放,从丢弃的div中获取价值
我简短的JavaScript做出拖动一个项目是:
$(".draggable").draggable();
我简短的JavaScript做出dropable面积:
$("#droppable").droppable();
这里是我的dragable项目简短的HTML代码:
<div id="comItem[]" class="computerItem draggable">
<img src="img/com.png" class="assetImg" alt="Computer Info" title="">
<span id="owner[]" class="textLabel"></span>
<span id="ipaddress[]" class="textLabel"></span>
</div>
有人知道如何从可丢弃区域的丢弃物品中获取值吗? 我想创建对象数组形式的被删除的项目?
非常感谢。
可以使用ui.draggable
对象drop
行动
$("#droppable").droppable({
drop: function(event, ui) {
$(this).append($(ui.draggable).find('img'));
}
})
这里ui.draggable
是你已经下降的元素。 (在这种情况下整个div)
谢谢,你知道我怎样才能得到在哪些在下降的div值? – Salapaosaikai 2014-12-03 04:20:31
你可以使用'$(ui.draggable).find('span')'。这将返回两个span标签 – 2014-12-03 04:21:28
它的工作!非常感谢。我可以问另一个问题吗?如果在可丢弃区域中存在多个丢弃的div,它们是相同的ID,那么我如何获得跨度中的所有值? – Salapaosaikai 2014-12-03 04:27:57
您必须使用droppable的drop事件。这是我的意思。
var items;
$("#draggable").draggable();
$("#droppable").droppable({
drop: function(event,ui) {
items = [ui.draggable];
}
});
您正在使用像jQuery UI库? – Shiala 2014-12-03 04:14:41
即时通讯使用jquery&jquery-ui。 – Salapaosaikai 2014-12-03 04:17:35
cerlin击败了我,他的回答应该做 – Shiala 2014-12-03 04:20:34