问题标签 [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.

0 投票
1 回答
187 浏览

extjs - 组合 Draggable、Resizeable 和 Aloha Editor ExtJS 组件

我正在尝试创建一个 Ext.Component,我可以将它与 Draggable、Resizable、Float 和 Aloha 编辑器一起使用。

目前我已经尝试过:

这个不允许它是可拖动的,但编辑工作。

这个允许它重新调整大小和拖动,但是它不起作用,因此它是不可编辑的。

同样,这个允许编辑但不能拖动。

似乎当手柄出现调整大小或拖动事件时,aloha 编辑器停止工作,但是如果没有手柄,则拖动和调整大小停止工作。有什么建议吗,或者以前有人遇到过吗?

0 投票
1 回答
602 浏览

javascript - JQuery Sortable,Draggable和Droppable不能一起工作

我想创建一个照片管理器,您可以在其中重新排序图像并将它们放入垃圾箱以删除它们。我的问题是,当您开始拖动图像时,它不再位于光标下方,向左大约 500 像素。我当前的代码 - http://jsfiddle.net/D4xQh/

我尝试删除可拖动部分,但这会导致图像被发送到垃圾箱以恢复到其原始位置然后淡出。这让它看起来很不安,也不显得专业。这是没有可拖动选项的 - http://jsfiddle.net/D4xQh/1/

JSFiddle 中的灰色框是“垃圾”框

0 投票
2 回答
4314 浏览

javascript - 如何使用jquery将元素拖动到特定位置?

jQuery代码

这是html代码

现在我想知道如何将任何元素放入特定容器中,例如贷方和借方。

我的演示在这里http://jsfiddle.net/Sanjayrathod/S4QgX/541/

现在我想拖放前三个元素仅在贷方,其余元素在借方。

那么我该怎么做。请帮忙。

0 投票
1 回答
2690 浏览

knockout.js - 使用 JQuery 拖放操作敲除 observableArray 绑定:不良行为

我在一个容器 div 中有一些 div 使用foreach绑定绑定到一个淘汰赛 observable 数组。这很好用。

在淘汰赛 afterAdd 事件中,我使用 jQuery 为(新创建的)div 的点击事件创建监听器:

单击 div 将其删除。div 从视图中消失。这很好用。

我也让每个 div 都可以拖动:

拖放工作正常。

但是,如果我在将 div拖放到 droppable 后单击它,它不会消失;它要么依附于可放置对象,要么可放置对象依附于它。需要再次单击 div 才能将其发送到遗忘状态。

我能做些什么来解决这种行为吗?

0 投票
2 回答
8002 浏览

jquery-plugins - 类型错误 i 未定义

我正在使用 jquery 可拖动碰撞插件,它在加载“类型错误 i 未定义”的页面时引发错误

这是我使用的代码。请帮忙,我不知道这里出了什么问题。

0 投票
3 回答
6275 浏览

angularjs - Angular.js——控制器通信指令

我对角度很陌生,所以请原谅我缺乏理解。

我有一个名为“可拖动”的指令,我希望能够在控制器中跟踪它的 x 位置并对其执行一些逻辑。当用户向右拖动元素(简笔画)时,其他简笔画应该直接出现在它的后面。控制器应该知道 x 位置并根据它的位置增加一个计数器,该计数器将指示在可拖动元素后面出现的棒图的数量。

此代码当前不起作用,因为控制器没有收到 x 的值。

我的指令:

我的控制器:

我的 HTML:

0 投票
3 回答
1282 浏览

javascript - 为什么 Draggable 对象的占位符很慢?

我真的没有问题,但是我注意到有时 Draggable 对象的占位符很慢。

我做了这个测试:http: //jsfiddle.net/X3Vmc/

在可拖动对象中添加列表对象很容易,但是当我尝试在可拖动对象中移动元素时,我发现红色占位符的移动速度很慢。

我的意思是有时水平移动一个元素,占位符会保留更多时间来移动(以更新其位置)。我必须在新位置周围移动鼠标以更新占位符的位置。我想让它更具反应性。这可能吗?

编辑:

在此处输入图像描述

看一下图像。正如你所看到的,我正在第一个和第二个位置之间移动一个元素(从第四个位置)。如您所见,占位符离那里很远。

编辑2:

我正在使用 * Chromium 30.0.1599.114 Ubuntu 13.10 (30.0.1599.114-0ubuntu0.13.10.2)*

0 投票
1 回答
499 浏览

jquery - 在 Drag 'n Drop 之后,单击 Dropped 框第一次不会触发(或工作),但第二次可以正常工作。为什么?

我正在使用 JQuery v2.0.0

当我将一个框拖放到大标题框(JQuery Sortable)时,它可以正常工作。但是,当单击 JQuery Sortable 框中的放置框时,它在第一次尝试时不会触发(或工作),但在第二次尝试时会工作。

谁能解释为什么会这样?我认为蓝条背景颜色问题在这种情况下会有所不同,我可能是错的。

谢谢。

0 投票
2 回答
2858 浏览

jquery - jQuery拖放到滚动div - 放置的元素不滚动

我有一个滚动 div,其中包含许多 div 作为可拖动 div 的目标插槽。此插槽容器需要水平滚动才能看到所有目标插槽。

现在,当可拖动元素被拖到正确的槽中,并且槽容器滚动时,被拖放的元素不会在 div 中滚动。有没有办法让放置的 div 在插槽容器内滚动?

请参阅http://jsfiddle.net/uZ8kN/7/上的小提琴

0 投票
1 回答
204 浏览

jquery - 使用转义键取消 jQueryUI 鼠标行为(调整大小、拖动)

是否可以通过按键取消当前的jQueryUI 可调整大小和可拖动交互?