我有一個單獨的列表,其中每個單元格都是可接受某個類的可拖動對象的可拖放對象。這張桌子的邊框是可見的,但我不想要固定大小的單元格顏色和可見,這對我來說看起來很醜。當我拖動一個可拖動的元素到一個單元格的交叉點時,單元格會突出顯示,這並不難,但我也希望這個突出顯示的元素可以使用可拖動的大小。所有可拖動的都是固定寬度,但有些高度比其他高,所以調整高度就足夠了,但我不知道從哪裏開始。 Here是我正在尋找的適應類型的一個例子。jQuery/jQueryUI Droppable的形狀爲Draggable
回答
爲了您的要求,我建議您使用jQueryUI「Sortable」而不是Draggable/Droppable。 請參閱portlets demo on the jQueryUI site,它應該是您正在尋找的功能。
編輯:@Subhamoy,我現在看到你的意思。 下面是一個使用進行排序,並且依賴於CSS建表的解決方案: Link to jsfiddle
的關鍵部分是「過度」處理程序,需要調整佔位符的護理:
$(".target .tbody").sortable({
forcePlaceholderSize: true,
placeHolder: "ui-sortable-placeholder",
connectWith: ".source .tbody",
items: "> .tr",
over: function(event, ui) {
var $context = $(this)
,$h = ui.helper
,$p = $('.ui-sortable-placeholder', $context)
,hheight = $h.height()
;
$p.removeAttr("style");
$p.css("height", hheight + "px");
}
});
我看不出如何,因爲不管可拖動的高度是多少,概述的可拖放區域總是相同的。 – 2013-02-16 17:06:01
@SubhamoySengupta,我已經鏈接到一個jsfiddle,希望能夠符合您的要求。 – marty 2013-02-16 22:56:16
這真是太棒了,正是我想要的。非常感謝你,我很抱歉花了這麼長的時間來接受它。我有一個問題。這可以使用固定的頁眉或頁腳單元並且列不可排序,以便添加到可拖放列只發生在底部而不是隨機位置? – 2013-02-19 11:05:36
- 1. jQuery Droppable和Draggable
- 2. jquery draggable/droppable
- 3. jQuery UI Draggable/Droppable
- 4. jquery draggable/droppable issue
- 5. Draggable,Droppable和克隆
- 6. jQuery live draggable/live droppable?
- 7. jQuery Draggable,Droppable,ASP.NET MVC
- 8. jquery draggable droppable remove dropped
- 9. draggable和droppable jquery socket.io
- 10. 拖放:Draggable追加到droppable
- 11. 關於jQuery droppable/draggable的問題
- 12. jQuery UI,Draggable,Droppable,自動滾動
- 13. jQuery UI - Draggable/droppable捕捉到父div?
- 14. 從Draggable複製到Ace編輯器Droppable
- 15. jQuery droppable draggable刪除DnD不止一個
- 16. JQuery Draggable/Droppable - 將克隆更改爲新的div
- 17. UIBezierPath路徑形狀Clickble和Draggable
- 18. Draggable div到另一個div內的droppable div
- 19. 關於jQuery droppable/draggable的問題 - 第二部分
- 20. jQuery UI Sortable + Draggable + Droppable在相同的元素
- 21. jQuery Draggable/Droppable - 刪除所有丟棄的'物品'
- 22. 在博主中使用jquery的droppable和draggable功能
- 23. jQuery Draggable和Droppable防止其他拖動時的ondrop事件
- 24. jquery droppable和draggable無法在for循環中動態創建表
- 25. 如何防止jQuery Droppable接受某些Draggable?
- 26. jQuery的.trigger爲.draggable
- 27. android形狀內的形狀
- 28. 如何使jQuery UI Draggable/Droppable在這種情況下正常工作
- 29. 當拖入滾動div時,Scriptaculous Draggable/Droppable腳本無法正常工作
- 30. 在C#上構造一個形狀爲環的形狀
我想提出一個瘋狂猜測你的問題,但我需要看到一些代碼來理解。你可以提供你的代碼,或者在jsfiddle中描述它嗎? – 2013-02-12 11:42:51