我想將項目從一個列表拖到另一個克隆列表。停止拖動後,然後我想要獲得它被拖動的父div的id。JQuery Draggable
0
A
回答
2
通過使用拖動和投擲的,你可以做我喜歡這個(給定你UL的有類draggables
):
$("ul.draggables").droppable({
drop: function() { alert($(this).parents("div:first").attr("id")) }
})
.find("li")
.draggable({
helper: "clone"
});
這裏有一個演示:http://jsfiddle.net/5s5rt/1/
編輯:修改爲找到第一個列表的父母與類型0,以防div不是直接父母。
1
這聽起來像你需要使用jQuery UI Droppable以及Draggable。
以下代碼提供瞭如何使用Droppable的示例。它假定你想要允許物品上的類別名稱爲someClassName
。當你拖動一個項目到的div的一個,它會彈出一個警告框與div的ID你把你的項目上:
$(document).ready(function() {
$("div.someClassName").droppable({
drop: function(event, ui) {
alert("You dropped an item onto a div with ID '" + event.target.id + "'");
}
});
});
相關問題
- 1. jquery - draggable
- 2. jquery draggable
- 3. Draggable jquery
- 4. jQuery Droppable和Draggable
- 5. jQuery UI .draggable()
- 6. jQuery Draggable問題
- 7. jquery draggable/droppable
- 8. JQuery Draggable取消
- 9. Jquery Live和Draggable
- 10. jQuery UI Draggable/Droppable
- 11. jquery draggable/droppable issue
- 12. JQuery Draggable選項
- 13. jquery draggable to sortable
- 14. jQuery UI draggable()和resizable()
- 15. JQuery Draggable - Drag Parent Div
- 16. jQuery UI Draggable限制
- 17. jQuery的.trigger爲.draggable
- 18. jQuery live draggable/live droppable?
- 19. jQuery Draggable,Droppable,ASP.NET MVC
- 20. jQuery UI Touch Punch draggable()
- 21. jquery draggable droppable remove dropped
- 22. jquery snap draggable to wrapper
- 23. Jquery Draggable多項目
- 24. draggable和droppable jquery socket.io
- 25. 追加draggable到容器jquery
- 26. jQuery UI Draggable:堆棧點擊
- 27. jquery-ui-draggable對齊指南
- 28. Jquery Draggable與多個句柄
- 29. Mousewheel事件和Jquery Draggable Div
- 30. Draggable()在jquery中不工作
謝謝你解決了我的問題。 再次感謝。 – Xulfee 2010-07-12 11:27:42