jquery-ui-draggable

0熱度

2回答

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

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

0熱度

2回答

拖動對象時更改拖動對象開始

我想創建一些像UI設計器的東西。所以我有一個'工具箱'和'畫布'。當我將工具箱項標記爲可拖動時，我可以拖動它們。但我需要的是拖動副本，以便可以將工具項的多個實例拖動到畫布上。 $('.tool-box-item').draggable({ helper : 'clone', drag : function (event, ui){ // jQuery does no

0熱度

2回答

計數兩個可放入物體內的物品

我有一個手風琴和兩個可放置的箱子：box1和box2。我如何統計兩個框中的已刪除項目總數。這裏是fiddle。我在function(event, ui) {裏面添加了函數，但是如果我有兩個或更多的循環，它會計算每一行。我如何分開它？這裏是代碼迴路： <body style="background-color:white;" onload="startTime()"> <h1 class="u

0熱度

1回答

用jQuery拖放元素

也許你能幫我一下，我想創建一個帶有可拖動（不是克隆）div的列，我可以把它放到容器中，它由四個div（bootstrap col-md-3 ）。可拖曳元素有兩種尺寸：col-md-3或col-md-6。我發現類似的東西（http://jsfiddle.net/py3DE/），但我不能重寫它才能正常工作 $(".source .item").draggable({ revert: "invalid"

0熱度

1回答

jQueryUI的排序：當降元件

我使用jQuery排序視頻停止。但是當我放下視頻元素時，它會停止播放。有什麼想法？（或alterntaive排序HTML5視頻元素？）我的代碼： $('#VideosContainer').sortable({cancel:'.videoClass'}); $('#VideosContainer').disableSelection();

0熱度

2回答

jQuery的：SortableList和DroppableArea克隆問題之間的聯繫可拖動的項目

我的工作由兩個部分面板上：列表：包含我的所有小工具，我想每一個部件是可拖動和可排序。一個區域：包含一個圖像，我想放下我的小部件（以後保存它們的位置）：所以我需要我的小部件可以拖放和拖動。我正試圖用JQuery UI來做這件事。最重要的是，我希望能夠將我的小部件從列表拖到該區域，如果需要，可將它們拖回列表中。編輯：https://jsfiddle.net/Tenmak/jzmsatrg/（新

0熱度

1回答

jQuery可排序的行和列的網格

我試圖創建一個使用jQuery排序的可排序網格。這裏是我的html： <div id ="container"> <div class="row"> <div class="column"> <div class="inner"> 1 </div> </div> <div class="column"> <div class="inner">2<

0熱度

1回答

將可拖動元素堆疊到可拖放容器中（底部到頂部）

當我將可拖動元素（克隆）拖放到可拖放容器中時，它們從上到下堆疊，是否有反轉該方法的方法？我曾嘗試向父元素添加一個相對位置，並向可拖動元素添加「位置：絕對;底部：0」，但它不能正常工作，因爲它們都保持在完全相同的位置，所以它們不會堆疊在彼此的頂部。的代碼和一個的jsfiddle例如： https://jsfiddle.net/f3gzrtar/ HTML： <div class="containt

0熱度

1回答

jQuery UI的DIV不能拖動的下降

我面臨的問題，當我拖放外部視頻格成時間軸，則它不會再拖動 https://fiddle.jshell.net/surjitsidhu/pzmzc2z7/2/show/ https://fiddle.jshell.net/surjitsidhu/pzmzc2z7/2 我不知道，爲什麼它冷凍

2熱度

1回答

拖放到特定區域

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