问题标签 [jquery-draggable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 如何在可拖动的 div 中获取列表项的文本?
我一直试图解决这个问题,但无济于事。
我有一个容器 div 和一个产品 div。产品是可拖动的,容器是可放置和排序的,并且只接受产品。产品是多个列表项。我在可拖动事件中使用了辅助函数来创建一个列表项,并将多个列表项附加到它,以发送到容器。但是,我真正想要的是从所有列表项中收集文本并将其全部合并到一个列表项中。我怎么做?
HTML 代码 - 产品
HTML 代码 - 容器
最后一项是对应产品拖到容器中时容器应该有的东西。
查询
现在,它都保存为列表项,即全部在单独的行中
jquery-ui - 设置可拖动 div 的限制
我有一个 Div,它在单击另一个(TableDiv)Div 的表格单元格时显示。我需要设置边界(限制)取决于 TableDiv 的宽度和高度。我的 Draggable 在 TableDiv 的外面。
我的 Jquery 代码如下
提前致谢
jquery - jquery ui在取消模式上恢复拖放可拖动
我有这段代码,当我在另一个文件上释放文件时,激活管理系统文件中的 jquery 可拖动当我单击取消时弹出一个确认对话框,可拖动应该自动恢复,有人可以帮我吗?
javascript - 如何将缩放的图像保留在边界框中
我使用 jQuery 和 jQuery UI 来缩放图像。有一个固定大小的容器 div,然后是一个比该容器大得多的图像,可在该容器内拖动。
下面的滑块控制图像的缩放级别,这很好用。我的问题是,当缩小图像的大小时,如果它被拖到靠近边界容器的边缘,它应该捕捉到该边缘并从剩余的边缘缩放。我无法让它工作。
图像通过边缘并继续按比例缩小。
您可以通过缩放图像、将顶部移动到靠近容器边缘然后再向下缩放来查看行为。
任何帮助将不胜感激,代码在这里 - http://jsbin.com/egivat/5/edit
jquery - jQuery拖放 - 重新定位项目
所以,这是我的困境。我有 6 个拖放项目(如下图所示)。他们工作得很好。除了一旦我将一个项目拖到不同的放置项目,它们最终会重叠,如您所见。我想知道的是,有没有办法插入 DIV 而不会导致其他项目移动?
我曾尝试使用 before() 和 after() 函数,但这样做会将所有其他元素向下推,当您放置多个拖动项时,这不起作用。所以我希望做的只是将项目向下移动到下一个可用位置,而不会导致其他元素移动。
有任何想法吗?
更新- 基本上我想要做的是将可排序的 jQuerys 与可拖动的结合起来。不确定这是否有帮助,但这本质上就是我想要做的,因为我希望拖动项目像排序项目在重新排列时那样做出反应。
jquery-ui - 将函数添加到 jQuery 可拖动还原“事件”
是)我有的:
我有一个可拖动的 div,其还原参数设置为“无效”。
我需要的:
当还原发生时,我想触发对另一个元素的 CSS 更改。
问题:
“revert”是参数而不是事件,所以当恢复发生时我在触发所需的 CSS 更改时遇到了很大的困难。
我的代码:
我试过的:
我没有成功尝试使用“revert”作为事件:
我也没有成功地尝试让 revert 参数来获取这个功能:
语境:
我正在拖动一个 div,当拖动时,背景图像会发生变化,当拖动恢复时,背景图像会恢复到原始状态。
我的问题:
当拖动发生还原时,如何触发对另一个元素的 CSS 更改?
jquery - 拖动克隆元素( ui.draggable.clone() )拖动原始元素(jquery)
我有两列带有可拖动的 li 元素。当我将元素从一列拖到另一列时,我需要克隆拖动的元素并将其附加到新列(我希望元素也保留在前一列中)。
afterDrop 函数是
现在,当我在另一列中拖动新添加的元素时,前一列中的旧元素被拖动。如何将单独的可拖动元素附加到拖动元素(我尝试禁用然后再次附加可拖动元素,但仍然相同)
编辑:我遇到了类似的情况,请查看此链接http://jsbin.com/aseqid/4/edit .... 尝试将红色框拖放到绿色框中。然后再次尝试拖动先前放置的红色框...拖动事件未附加到放置的红色框...我已尝试将事件附加到放置的框,但它仍然引用原始红色框
jquery - 将 jquery 功能添加到 html 文件中的标记
我正在使用 Jquery n css 进行 html5 应用程序开发。我正在创建一个 div 标签下的图像,如下所示
现在我希望这张图片 -imgFrontRight 可以使用以下属性进行拖动
当图像在我的 jquery javascript 文件中动态创建时,我已经实现了这一点。但是,当使用 img 标签在 html 文件中创建图像时,我希望发生同样的事情。
请帮助解决这个问题。感谢你 !!
jquery - 使用jquery拖动特定图像时拖动不同的图像
我正在开发一个 html5 远程信息处理应用程序。我的要求是我有一个主窗口,并且在拖动(打开/关闭)时,其他窗口应该被拖动(打开/关闭)。请帮助我知道如何做到这一点。下面是我的代码
单独拖动单个图像。但我的要求是,在Master的拖动中,其他4个窗口也应该被拖动。这可能吗 ?如果是,那么请提供同样的帮助。
提前致谢 !!
jquery - jquery draggable:框外边框上的可拖动句柄选项?
如何将 jquery draggable 的handle
选项配置到外层而不是框的内层?
比如我想把这个弹出框拖到下面,当只在这个弹出框的黑色边框上单击并拖动光标,而不是在内容区域上。
是否可以?
当前,无论您的光标位于内容区域还是黑色边框,都会拖动该框。
jQuery,
html,
或者您可以提出更好的解决方案?