draggable

4熱度

1回答

我試圖換掉瀏覽器在拖動可拖動元素時使用的默認圖像（本例中爲ul）。這是我的代碼。我沒有收到任何錯誤 - 它只是不起作用，我只剩下瀏覽器使用的默認圖像。 drag(e) { let img = new Image() img.src = 'https://some-image.png' e.dataTransfer.setDragImage(img, 0, 0) }

2熱度

1回答

如何使可拖動的元素適合div而不是彼此摺疊

因此，每次將元素拖放到div時都會發生兩個問題。 1.它不適合div。 2.當我拖放一個元素時，它會崩潰，所以我需要一種方法來保持元素用於完整保留的空間。 https://jsfiddle.net/1yy2u8qw/ $(".selector").droppable({ tolerance: "fit" }); //is this correct?

0熱度

1回答

當其他元素被丟棄時更改元素的邊框顏色

我在將一個div元素的邊框拖放到其中時遇到問題。這裏是一個的jsfiddle https://jsfiddle.net/0w2xagxc/ 我試過這個，但如果我執行它停止將這個元素dropable。 var drop1 = document.getElementById('drop1'); drop1.ondrop = function(){ if (event.targe

0熱度

1回答

JQuery UI獲取丟棄元素的寬度和高度

如何獲取drop元素的高度和寬度？我嘗試了'ui.draggable.width'或'ui.width'，但它不起作用。這是我的代碼： $('#bagpack').droppable({ accept: '.item', drop: function(ev, ui) { console.log(ui.draggable.width); // Does

1熱度

1回答

將「dragstart」事件附加到「mouseup」以獲得可拖動的體驗

尋找在「mouseup」事件之後拖動元素的解決方案。正如你所知道的拖動發生時，它會收到「mousedown」和「mousemove」事件。如何通過「mouseup」事件實現拖動？（點擊實現時）？ https://codepen.io/pklauzinski/pen/rxroyL // Implement drag and drop for the image $('.box').on('m

3熱度

1回答

使用可旋轉類移動鼠標滾動的停止元素

我目前正在使用拖放式Web應用程序，因此用戶可以計劃選取框佈局。部分功能是用戶可以在畫布上旋轉某些傢俱。但是，當鼠標指針位於可旋轉元素上時，滾動似乎也會旋轉該元素，這會導致問題，特別是如果用戶已完美佈局，然後向下滾動頁面以填充表單 - 可能會弄亂佈局。該應用程序使用jQuery中的可旋轉類，並實現可拖動和可拖拽的類。這是我的javascript： $(function() { //

0熱度

1回答

如何添加監聽器，而在jQuery中拖動

有沒有辦法如何將監聽器「droppable」添加到元素，實際上是在拖動「可拖動」元素時懸停？我試過這個，但它不起作用。 $("#draggable span.item").draggable({ helper: "clone", drag: function(event, ui) { var pos = ui.position; var element =

1熱度

1回答

視頻時間軸拖動和點擊

我是GSAP的新手，我試圖啓用拖動功能並點擊自定義html5視頻時間軸與GSAP。我看過一對夫婦在GSAP論壇的帖子，但有件事我顯然無法理解...... 我複製以下的jsfiddle一個簡單的例子：https://jsfiddle.net/epigeyre/oLmk6b0d/2/ 所以我創造我拖動元素從一個變量中存儲的元素，綁定到它的容器（這是時間軸容器），然後添加我的函數onDrag（我猜，點擊

1熱度

1回答

檢查div的樣式，僅在按下鼠標按鈕時出現

在頁面中，我有一個div，在按住鼠標按鈕的同時添加了JS，隨着按鈕被釋放，該按鈕被刪除。（它是JQuery可拖動的一部分）是否可以在Firefox或Chrome（或其他）開發人員工具中檢查此div的樣式？額外的點，如果答案不會建議修改代碼。 EDIT：當div不可見時（鼠標按鈕未被按下），它根本不在DOM中。

1熱度

1回答

jquery - 元素掉落時如何執行效果

我想在用戶放下物品時執行效果。我怎樣才能做到這一點？假設我想使用「反彈」效果。 var drop1 = 1; var drop2 = 2; var liit = 3; var counter = 0; $('.container').droppable({ accept: '.item', drop: function(event, div) { cou