draggable相关内容

jQuery拖放-一个带有可排序列表,另一个带有可拖动&列表无需分类即可投放

我正在尝试将拖放项目拖到两个列表之间, 我的要求是 列表A (可拖放到列表B但不能排序) 项目1 项目2 项目3 列表B (可排序并拖放到列表A) 项目4 项目5 项目6 我尝试了 .sortable(),但是它使列表A具有可排序的功能, ..

Helper的可拖动更改HTML

我认为这很简单,但是要花几个小时寻找答案.我想要做的是为助手“克隆"可拖动的div,但要对其进行一些更改.以下是我认为要执行此操作的方法: 1)在开始,创建或拖动事件中检测可拖动的ID,将html复制到变量,对其进行更改,然后将其用作函数的帮助器.这是行不通的,因为助手是在启动或创建或拖动事件之前创建的,在该事件中我将检测可拖动的ID. 2)在辅助功能中检测可拖动的ID,将html复制到变量 ..
发布时间:2021-02-13 18:52:29 其他开发

jQuery UI:将项目从一个列表移动到另一个列表

虽然这个应该相对简单,但我不知道如何在UL s之间移动(而不是复制)LI元素. 我想要做的就是从列表 foo 中拖动任何项目到列表 bar (反之亦然),而无需复制元素. 虽然connectToSortable几乎可以完全满足我的要求(尽管我更希望避免使用sortable),但它会克隆元素-并通过对stop事件做出反应手动删除原始元素,结果并非如此如此简单(例如确保确实发生了有效的掉落 ..
发布时间:2021-02-13 18:45:07 其他开发

如何使用自定义帮助程序或任何其他方法使可拖动项目的样式与目标匹配?

使用此处的示例作为起点,我着手自定义可拖动和可排序的数据。在链接的示例中,我们的可拖动文本中包含简单的文本。我用select标记代替了它。 将select元素拖到sortable中时,我只想将select选项的值移到sortable时使用清单。为此,我使用了自定义帮助器,但不幸的是,一旦放下它,它就会再次变成一个选择元素。 $(“#draggable”)。draggable({ c ..
发布时间:2020-10-26 06:20:28 其他开发

具有异步选择器的JQUERY-UI可拖动

是否可以将JQUERY-UI可拖动与使用jquery的.load函数异步导入的元素一起使用?我想我需要使用.on或.bind,但无法找出有效的方法... 解决方案 我只会使用.load回调函数来分配可拖动属性: $(“#containerselector”)。load('路径”,函数(){ $(this).find(“应该放置可拖动选择器的元素”).draggable(); } ..
发布时间:2020-10-26 06:20:24 其他开发

KonvaJS,可以用遮罩代替clipFunc吗?

我正在使用konvajs,需要一些帮助! 假设我需要在复杂形状内可拖动的图像。 所以我想知道是否可以通过Konva.Group而不是clipFunc使用遮罩,还是可以将遮罩图像转换为canvas-clip-path并与clipFunc一起使用的方法! 像这样:使可拖动 解决方案 默认情况下 Konva 仅支持矩形的简单剪辑和的剪辑clipFunc 可以在其中描述所需的路径。 ..
发布时间:2020-10-26 06:20:21 前端开发

jsplumb可拖动不起作用。

我似乎无法弄清为什么我的jsplumb无法正常工作。我创建了一个非常简单的sippet示例(随附于这篇文章)。 jsPlumb.ready(function(){jsPlumb.draggable($( '.square'))jsPlumb.connect({来源:“ element1”,目标:“ element2”});}); .square {background-color:r ..
发布时间:2020-10-26 06:20:17 其他开发

防止两个可拖动的圆相交时重叠

我到处都在寻找可以解决的简单方法。但是我是一个新程序员,有点麻烦。我的视图中有几个可拖动的图像视图圈子,我想防止图像视图之间出现任何重叠。我没有在寻找任何严重的碰撞解决方案(摩擦,矢量等),只是为了阻止图像视图在彼此接触后进一步前进。 对解决方案的任何指导表示赞赏。谢谢。 解决方案 这应该只是位置和半径的简单比较... 尝试拖动时,计算两个圆的中心点之间的距离(使用新位置),如果该 ..
发布时间:2020-10-26 06:20:14 其他开发

EASELjs拖动事件,这里出了什么问题

对于新手来说,谢谢您提供有趣的框架,出色的工作,我希望以后的文档会更好,我认为它缺少每个对象方法的实际工作示例。 这是我的问题,我对此框架感到困惑,有人可以指出我在这里做错了什么。我是通过示例构建的。这是 jsfiddle 上的工作代码。上一个版本应在画布上移动矩形。 P.S。 var elementOptions = { 笔画:3,剩余 :100, top:50, 宽度: ..
发布时间:2020-10-26 06:20:10 前端开发

Three.js-拖动Collada文件

我的对象通过拖放在XZ轴上移动。 不幸的是,collada文件的行为不像它们... 这是我的代码: var容器; var相机,控件,场景,渲染器; var objects = [],平面; var raycaster =新的THREE.Raycaster(); var mouse = new THREE.Vector2(), offset = new TH ..
发布时间:2020-10-26 06:20:06 前端开发

如何获取Famo.us可拖动修改器的渲染节点

我正在尝试在“结束”事件上获取可拖动修饰符的父renderNode,是否有任何API获取可拖动所属的renderNode?我的代码如下: / * globals define * / define(function(require,exports,module) { var View = require('famous / core / View'); var Surface = ..
发布时间:2020-10-26 06:20:05 其他开发

ImageIcon单击并在窗口中拖动

我正在尝试制作它,因此我可以在窗口周围单击并拖动ImageIcon(在这种情况下为卡片图像,但我想学习一般的操作方法),但我真的不知道该怎么做。我希望能够单击并按住鼠标按钮,拖动ImageIcon,并在释放鼠标按钮时留在原处。 这是我到目前为止的代码: import javax 。摇摆。*; import java.awt。*; import java.awt.event.M ..
发布时间:2020-10-26 06:19:02 Java开发

可拖动标记以更新纬度和经度字段

我想知道是否有人可以帮助我。 我已经编写了一些编码(请参见下文),以便用户使用HTML表单,他们输入地址,然后点击“搜索”按钮。完成此操作后,该位置就会绘制在Google地图上,并且纬度和经度的共同代表会自动输入到我的表单的关联文本框中。 我会怎么做我想做的是,如果可能的话,使标记可拖动,以便用户可以微调位置,并且当他们拖动标记时,我希望纬度和经度字段更改其关联的 此外,如果可能 ..
发布时间:2020-10-26 06:18:59 其他开发

试图使动态创建的元素可拖动

我正在尝试创建可拖动的动态输入元素。现在的问题是我创建了一个元素,但是当我使用类似 $(“#in” + index.toString() ).draggable({cancel:true}); 在将其附加到容器div后,它不起作用。基本上,它不适用于特定ID的动态创建的input元素。这是代码,请随时指出问题。我真的可以为此提供一些帮助。谢谢! http:/ ..
发布时间:2020-10-26 06:18:55 其他开发

弹跳球

当您拖动并释放鼠标时,我有这个可拖动的球,它的方向相反。我该如何从墙壁弹起?另外,如果应该移动600像素,并在200像素后撞到墙,则应该再移动400像素。 http://jsfiddle.net/bepcmsgo/5/ let circle = document.getElementById(“ circle”); 令pos1 = 0; 让pos2 = 0; 让pos3 = 0; ..
发布时间:2020-10-26 06:17:53 前端开发

在另一张图片内拖动多张图片

背景: 如果我使用单个图片,则可以将上传的图片拖到另一个图片中图片: https://codepen.io/AlenToma/pen/WPLmbw 视频链接1 问题: 但是如果我使用两张图像,上传有效,拖动无效: https://codepen.io/ kidsdial / pen / JxxpzM 视频链接2 控制台错误: 未捕获的TypeError:c ..
发布时间:2020-10-26 06:17:49 其他开发

同时需要可拖放ID的jqueryUI的ID

我可以使用下面的代码获取放置的物品的ID,但是如果我尝试更改警报以获取拖动物品的ID,则不会发生任何事情。例如alert(ui.draggable.attr(’id’)); $(function(){ function dropCallback(e){ alert(“项目为“ + e.target.id); }; $(”#draggable“)。draggable({ax ..
发布时间:2020-10-26 06:17:46 其他开发

jquery-ui:在鼠标按下时立即可拖动

使用jQuery-UI,可以通过在 mousedown 事件上应用.draggable()方法来使元素可拖动。然后将其拖动到另一个鼠标上(并拖动)。 是否可以使元素可拖动并通过单击鼠标立即开始拖动(鼠标移下事件)。 会发生什么情况: 1)按蓝色rect并尝试拖动(元素不可移动); 2)取消按rect并尝试再次拖动(元素是可移动的)。 会发生什么情况: 1)按蓝色矩形 ..
发布时间:2020-10-26 06:16:42 其他开发

使用overrideredirect时拖动窗口

我知道如何使用 overrideredirect 从Tkinter窗口中删除边框,但是每当我这样做时,该窗口就会变得无响应。我不能使用 alt 并拖动它或任何其他方法来移动它。 我想制作一个看起来像那些“加饭的”应用程序之一的应用程序,光秃秃的窗户,很显然,如果它在左上角停滞不前的话,我走的不会很远。那么,我该怎么做呢? 解决方案 要使窗口可拖动,请为放置绑定。窗口上的Button- ..
发布时间:2020-10-26 06:16:37 Python