interact.js

0熱度

1回答

Interact.js庫。我有一個多元素，每個元素都有自己的可交互實例。如何在拖動時切換實例？所以拖動將繼續與另一個元素。任務聽起來很奇怪，但它很簡單 - 我爲小屏幕做出了選擇 - 選擇器 - 當用戶點擊一個元素並「開始拖動」時，它停留在原地，但Y軸用於「滾動」當前選擇，X軸（當delta很大時）將開始真正的拖動。但有了新元素，以前沒有人點擊過。而我需要的是在從「滾筒」階段切換到「實際拖

0熱度

1回答

Leaflet.js與Interact.js ---避免同時觸發點擊聽衆

我的頁面有： 1），其中包含一個地圖（Leaflet.js）和 2）孩子DIV父DIV包含可調整大小的矩形（Interactive.js），以便用戶可以選擇區域。矩形「圖層」位於地圖「圖層」的頂部。 HTML： <div id="map"> <div class="selectBox"> </div> </div> 的JavaScript（用於初始化單張地圖）： var

0熱度

1回答

當我調整超過最大尺寸時，如何防止關閉我的Bootstrap模式對話框？

我正在使用interact.js來允許用戶調整使用Bootstrap 3.3.7生成的模式對話框的大小。有一個問題是，當用戶啓動調整大小並移動鼠標指針以使對話框的大小調整超過最大大小時，只要用戶釋放鼠標按鈕，模式就會關閉。如果用戶正在縮小模式，則不會發生這種情況。以下代碼片段顯示了該問題。 var makeModalButton = document.getElementById("makeMod

0熱度

1回答

Interact JS draggable不能正常工作

我正在嘗試在Web項目中使用interact.js作爲它的可拖動/放置功能。然而，使用我能想到的最簡單的例子，我似乎無法拖延做任何事情。這是很奇怪，因爲我能得到這個工作： interact(target).draggable({ onmove: function(){ console.log('move') } }) 即使我得到的console.log目標不動彈。查看我的例子在這裏

1熱度

1回答

負載interact.js只有一次

我使用interact.js從這裏：enter link description here 在那裏我使用它會在導航AJAX加載網站。這裏的問題是，如果客戶端點擊導航的x倍，那麼interact.js將被加載並再次加載。 Normaly不應該是一個問題，但我需要確保interact.js只加載一次。

0熱度

1回答

Google Chrome v55的Interact.js問題

我們一直在我們的angular web應用程序中使用interact.js一段時間。我最近更新了谷歌瀏覽器到v55。自從這件事發生，我每次我進入瀏覽器窗口時間（大概MouseEnter事件）收到以下錯誤控制檯： interact.js:637 Uncaught TypeError: Cannot read property 'pageX' of undefined at getXY (i

0熱度

1回答

Interactjs旋轉移位

我想旋轉，調整大小和使用interactjs拖動圖像。我正在使用縮放縮放來調整大小。旋轉圖像後，拖動功能不起作用，並將圖像置於錯誤的座標位置。我也試圖在旋轉之前移動img （寬度/ 2，高度/ 2），以便它保持其位置，但是這會停止調整大小和旋轉特徵。這是我正在使用的代碼。捏縮放和旋轉，只適用觸摸屏手機上： Here是小提琴（請在電話檢查捏到縮放和旋轉）。 HTML <div style=

0熱度

1回答

彈出消息不會出現在克隆對象旁邊

我有一個包含3個可拖動對象和背景圖像的面板。我的JavaScript腳本（基於interact.js）允許在背景圖像上拖放對象。所有可拖動的對象也是可複製的。這意味着每次從面板拖動原始對象時，都會被克隆。現在我想添加一個彈出功能：當我點擊一個對象時，應該會出現一個彈出消息。問題在於彈出消息出現在原始對象旁邊，但不是克隆的。我點擊一個對象旁邊的彈出消息（不包括原始消息）。我該怎麼做？這是爲了彈出窗

3熱度

1回答

在css：hover中拖動變換後的Interact.js不再工作

我剛剛發現了Interact.js，我設法讓它工作，但在拖動（啓用慣性）後，我的：hover不再工作了。光標：指針仍然工作。任何人都可以想出解決方案？ CSS： .bubble:hover { transform: scale(1.1); cursor: pointer; } JS： interact('.bubble').draggable({ ine

1熱度

1回答

用於刪除可拖動的可複製DIV元素的按鈕

我希望能夠通過左鍵單擊來選擇可複製的可拖動對象（紅色圓圈），然後通過單擊按鈕Delete selected circle將其刪除。我想啓用只刪除位於.dropzone內部的那些對象。 Here is my JSFIDDLE。 .dropzone是灰色的div，可拖動的對象是紅色圓圈。這是爲刪除對象的代碼： function removeObject(div) { div.queryS