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