jquery-ui-droppable

1熱度

1回答

我想拖動我的div到可放置的texboxes然後我想發送可拖動的div回到它們在文本框中使用可清除的原始位置。在這個jsfiddle 我隱藏了當前的可拖動和顯示文本框內的文本，但當我點擊可清除按鈕時，我顯示所有可拖動的div。點擊可清除按鈕後，我怎樣才能顯示當前的可拖動？還是有其他方法可以做到這一點？ .on('touchstart click', '.onX', function(ev) {

3熱度

1回答

addEventDelegate拖放後拖放不會觸發

我試圖在兩個列表之間實現拖放功能。我可以將列表項從一個列表拖放到另一個列表。然而，在下降之後，第二個列表（它接收到該元素）不能再放棄。我檢查了DOM並發現該列表沒有droppable類「ui-droppable」。這個類通過擴展OnAfterRendering使用jquery插件droppable添加到列表中。我也發現，一旦List在收到元素後重新呈現，它就不會調用委託事件。因此，基本上，

2熱度

1回答

拖放到特定區域

我試圖創建一個遊戲，用戶必須按特定順序放置每張卡。我可以將名稱拖放到可丟棄區域，但我將如何將特定卡分配給特定插槽。這裏是我的js代碼： var correctCards = 0; $(init); function init() { // Hide the success message $('#successMessage').hide(); $('#su

2熱度

1回答

在拖放時獲取頂部DIV的ID

我需要在拖放另一個DIV時獲取頂部DIV的ID。當有多個DIV在另一個之上時，就會出現問題。底部的DIV，而不是頂部，總是返回。我試過使用event.target.id和elementFromPoint（），並且都返回底部DIV（我已經在下面的代碼中包含了這兩個）。小提琴：https://jsfiddle.net/wibbleface/t33ej6rn/ $(function() {

0熱度

2回答

jQuery droppable - 在持有div「over」可投放區域2秒後觸發特殊事件

我試圖創建一個函數，只有當可拖動區域在可投放區域至少持續2秒時纔會執行此功能。這意味着如果可拖動的內容在2秒內被刪除或刪除，則該函數不會執行。我自己的邏輯把我帶到了下面的方向，這看起來是否正確？ over: function(){ // Execute a timeout function after 2 seconds }, out: function(){ // Ca

0熱度

1回答

Jquery-ui在drop上添加模板，並使添加的模板作爲droppable（嵌套）

如何在拖放模板的子項時添加模板並將其放置爲droppable（嵌套）。 $template=$("<div class="static">box1</div><div class="droppable-box-nested">box2</div>"); 需要將上面的代碼追加到我的下面的小提琴中，同時刪除和box2是可放下的。 Jsfiddle

2熱度

1回答

當鼠標按鈕在Firefox的邊欄或開發人員面板上發佈時，如何讓jQuery UI「放開」可拖動或排序的元素？

我正在使用Web應用程序，允許用戶通過jQuery UI Sortable和Droppable小部件重新排序和刪除屏幕上的項目。最初，我只提供了一種刪除項目的方法：將它拖入帶垃圾桶圖標的區域並放下。現在我添加了將項目從屏幕邊緣拖出並釋放鼠標按鈕來刪除項目的選項。這個新功能（通過拖出屏幕刪除）的設置比我想象的要複雜一些，但我終於找到了大部分的問題。有一件事仍然困擾着我：在Firefox中，除了主瀏

0熱度

1回答

幾次拖放後，JQuery UI droppable可拖動HTML被損壞

經過多次拖放，兩個區域（可拖動 - 左側，可拖拽 - 右側）發生了變化。兩個區域的某些部分的HTML更改（有時只有左側或僅右側區域更改）。突然之間，一些元素和背景之間沒有空白，背景變成了藍色。是否有可能以某種方式刷新/拖放區域？例子是here 代碼拖動 - 可棄： $(function(){ $(".draggable").draggable({ revert: "inv

0熱度

1回答

試圖用可分類的插件替換元素點擊

我有一個列表，我使用可排序的jQuery UI插件來利用拖放功能。我喜歡這個插件的一件事是，它是能夠更新排序列表並返回它的follwoing是我的代碼一個簡單的例子： <ul id="sortable"> <li class="ui-state-default" id="id1"><span class="ui-icon ui-icon- arrowthick-2-n-s"></span

1熱度

1回答

jQueryUI可排序（帶連接列表），可拖動和可放置 - 與它們一起工作的問題

我有三個元素：#a,#b和#c。 #a和#b是我使用可排序函數來將項目從一個元素交換到另一個元素的主要元素。 $("#a").sortable({ connectWith: "#b", }); $("#b").sortable({ connectWith: "#a", }); 不過，我也希望能夠拖動/元素從下降到#a#c，但不能從#b到#c。我遇到了一個問題，我的代