jQuery/jQueryUI Droppable的形狀爲Draggable

我有一個單獨的列表，其中每個單元格都是可接受某個類的可拖動對象的可拖放對象。這張桌子的邊框是可見的，但我不想要固定大小的單元格顏色和可見，這對我來說看起來很醜。當我拖動一個可拖動的元素到一個單元格的交叉點時，單元格會突出顯示，這並不難，但我也希望這個突出顯示的元素可以使用可拖動的大小。所有可拖動的都是固定寬度，但有些高度比其他高，所以調整高度就足夠了，但我不知道從哪裏開始。 Here是我正在尋找的適應類型的一個例子。jQuery/jQueryUI Droppable的形狀爲Draggable

來源

2013-02-12 Subhamoy Sengupta

我想提出一個瘋狂猜測你的問題，但我需要看到一些代碼來理解。你可以提供你的代碼，或者在jsfiddle中描述它嗎？ – 2013-02-12 11:42:51

爲了您的要求，我建議您使用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-15 15:46:48 marty

我看不出如何，因爲不管可拖動的高度是多少，概述的可拖放區域總是相同的。 – 2013-02-16 17:06:01

@SubhamoySengupta，我已經鏈接到一個jsfiddle，希望能夠符合您的要求。 – marty 2013-02-16 22:56:16

這真是太棒了，正是我想要的。非常感謝你，我很抱歉花了這麼長的時間來接受它。我有一個問題。這可以使用固定的頁眉或頁腳單元並且列不可排序，以便添加到可拖放列只發生在底部而不是隨機位置？ – 2013-02-19 11:05:36

jQuery/jQueryUI Droppable的形狀爲Draggable

回答

相關問題