jquery-ui-droppable

0熱度

1回答

我有一個可拖拽的父元素（冰淇淋包裝），它比可拖拽的元素（牙齒）大。所以我把另一個絕對定位的子元素放在父母裏面，這個元素很小（紅色方塊）。我想實現如下：冰淇淋有可能成爲一個可拖動，紅色標記將不可見拖冰淇淋時紅方也應該將火「降「唯一的事件時，紅場在裏面任何的黑色標記的div（可棄的），不僅是冰淇淋我已經嘗試了一些的一部分‘多拖’庫，但沒有人擔任預期。我也嘗試使用寬容：指針選項，但由於我們將拖動

0熱度

1回答

jQuery用戶界面可拖拽後面的其他元素

我試圖做出可拖拽的選項，可以在3個不同的框中拖動，然後還可以在框之間移動。當我拖動第一個選項並將其放入框中時，它可以正常工作。但是，當我嘗試將丟棄的項目由於某種原因移動到另一個框中時，它會拋棄頁面上的其他元素，除了它被刪除的元素之外。我希望它能夠像在它被丟棄之前一樣工作。任何人都可以幫我嗎？例如的jsfiddle：https://jsfiddle.net/cz6kL69c/2/ 我的html代碼

3熱度

1回答

無法在動態創建的可拖動內容上拖放另一個可拖動內容

請參閱jsfiddle。我想補充一個新的，可以通過拖放（jQuery UI的）被添加到它的另一個div（Button in my example）div（Row in my example）。我創建了輔助函數新的div（$row）（addNewRow）和拖拽添加了新的功能，再跌div來這樣的：通過與下降div $('.rowDashboard').draggable({ conta

0熱度

1回答

jQuery Draggable - 滾動容器以外的其他容器

所以我有一個無序的拖拽列表，我想拖入另一個無序的可拖拽列表。如果我克隆可拖動並將其附加到「body」，那麼我可以將它拖出它的容器並放到另一個列表中的可拖拽元素上，但它不會自動滾動可拖拽的無序列表。如果我克隆並追加到另一個無序列表中，它將自動滾動可拖拽列表，但拖拽元素直到它懸停在可拖拽列表上時不可見。有沒有人知道解決方法或更好的方法來解決這個問題？撥弄這裏代碼：https://jsfiddle.n

0熱度

1回答

jQuery Draggable和Droppable防止其他拖動時的ondrop事件

我有3個可拖動的藍色div和1個可拖動的紅色div。當我將藍色的div拖放到紅色的div上時，我想要觸發拖放事件，同時它所需的位置是「空閒」的，此區域中沒有其他紅色div。屏幕會更好來形容它：觸發降：triggered 不觸發降：not-triggered 我不知道如何去實現這一目標。我的代碼： \t $(document).ready(function(){ \t $(".dr

0熱度

1回答

jQuery - 僅在丟棄時克隆div

如何僅在丟棄時才創建某個div的「克隆」？當您開始拖動並準備再次拖動時，此克隆應位於同一點。例如在這個fiddle是否可以在初始位置克隆綠色元素，只有當它們被丟棄時纔可以？這是我的JS： $(function() { $("#dragrabble-one").draggable({ helper: 'clone' }); $("#dragrabble-t

0熱度

1回答

重置jquery可拖動元素

我想將列表中的所有元素重置爲初始位置。這是我的例子Jquery UI Droppable 這是我復位功能 $(".reset").click(function() { // Code to reset all elements }); 我該怎麼辦呢？

0熱度

2回答

jQuery Droppable - 每個目標的一個項目動態

我試圖讓dragItem_1只能被target_1等接受。我想動態改變accept參數，無論項目的id被拖動的。我可以通過定義每個可拖動和可拖放的項目來實現它，但由於項目和目標的數量是用戶生成的，因此我需要動態地執行它。 $(function() { $(".js-draggable-box").draggable({ revert: "invalid", sta

0熱度

1回答

如何在刪除時克隆div，而不是在開始拖動時

通過使用jQuery UI，我希望只在刪除時才創建某個div的克隆。當您開始拖動並準備再次拖動時，應將此div克隆到同一點。例如在這個fiddle是否可以在初始位置克隆綠色元素，只有當它們被丟棄時纔可以？這是我的JS： $(function() { $("#dragrabble-one").draggable({ helper: 'clone' });

0熱度

1回答

setTimeout和jQuery UI的，可拖動/可棄懸停

擴大名單的jsfiddle這裏：https://jsfiddle.net/bkfxjnom/4/ 我遇到了麻煩的setTimeout與droppable.over正常工作。它似乎只是從一個droppable移動到另一個時，隨機啓動該功能。雖然如果我退出可投放區域並返回到其他可投放區域，那麼它似乎按預期工作。我假設在droppables之間移動時over和out事件之間會有一些衝突。任何有關修復的