问题标签 [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.
javascript - JQuery可在可滚动错位内拖动
在可滚动的 div 中使用 jquery draggables 时,我遇到了一段时间的问题。
这是一张图片来说明(被拖动的项目是浮动框,里面有“SISTER CARRIE”(不要注意无效的ISBN)):
问题是,当最初拖动时,鼠标指针是正确的,我期望它是:在li
被拖动的内部。但是,一旦我到达可滚动窗格的底部并开始自动滚动(该scroll
选项的结果),鼠标很快就会错位,如上图所示。
Javascript:
HTML(带有的元素data-bind="draggable: ...
在$element
上面的代码中):
我究竟做错了什么?这看起来很像自动滚动的可拖动页面上的示例,只是溢出的 div 正在滚动而不是整个文档。我觉得这可能是问题所在,但我在搜索中没有找到更正它的建议(搜索这个很困难,因为人们在可滚动方面遇到了很多其他不同的问题)。
提前感谢您的任何见解。
jquery - Jquery可排序不丢弃
我对 jquery 可排序和可放置元素有一个奇怪的问题。我想要一个可排序的列表和一个可以从中拖动元素以添加到该列表的列表,我不希望第二个列表是可排序的或可放置的。我使用以下代码来实现它:
我不知道为什么这在我的页面上不起作用。
我的完整代码可以在这里看到:http: //jsfiddle.net/9RURx/31/
在 Jsfiddle 中它工作得很好,但在我的页面中元素不会“丢弃”。我可以移动它们,但在我释放点击后它们会继续跟随鼠标。
所以我认为我的 jquery 包含有问题,所以我下载了最后一个版本并改为调用它,但没有改变。外部脚本的完整调用如下,以防我错过了什么:
jquery - 带有可拖动结果的 jQuery 自动完成
我正在尝试使我的 jQuery ui 自动完成结果可拖动。尽管我已经尝试了几种方法,但仍然无法正常工作。我需要对每个可拖动元素的初始化进行优化,所以不幸的是这对我没有用。
这是我的方法:(简化)
有人知道我怎样才能实现我的目标吗?
提前致谢!如果有任何问题,请提出,我很感激每一个有用的建议!
jquery - jQuery可拖动y轴错误
我正在使用 jquery draggable 我当前的项目,例如,我有一个关于 jquery draggable 的问题;我从列表中拖放一个项目 b 列表,但此时出现问题。如果我的列表很长,y 轴会变得混乱。可拖动的项目出现在光标下方。
jquery - 如何检测2个div之间的碰撞?
我正在尝试使用查询 ui 检测两个 div 是否相互碰撞
我有类似的东西
js
我需要检测sensor
div 内的div 是否与图像test
碰撞。target
使用 Jquery UI 是否可行?谢谢您的帮助!
jquery - Find if drag stop is in a certain div?
So I have a draggable object- How can I test if its stop position is in a certain range (over a div)
best i can do is find its exact position. Thanks.
Fiddle http://jsfiddle.net/f5n66/
}
javascript - 如何使用拖放或单击 jquery 启动 .clone
嗨,我有这个小提琴,我从 jquery 示例中得到,
它的作用基本上是将黄色框拖放到粉色分区并克隆黄色框。
这是html
而jQuery是
我需要做的是通过单击它来克隆那个黄色框
谁能帮我实现这一目标?
我是前端新手,所以请放过我。
提前致谢
jquery-draggable - 使用带有 .live() 的实时事件的 jQuery 拖放
我是 jquery 的新手。这是我的代码
我想让这两个事件都直播。请帮助我如何以 .live 的形式声明这些事件。提前致谢。
jquery - use of jquery or html5 to drag,resize a div around inside parent
now what i need is to make this panel movable and resizeable and minimizable !
so i started with
now the tricky part is how to move around and resize this thing !
for resize i tried
.desktop-window{ resize:both; }
but its not working for some reason :( any clues ?
as for moving around i dont want to use heavy jquery-ui since im already using bootstrap. so is there an easier way to do it with jquery+html5 alone ?
also even when i tried jqueryUi problem is that it takes the dom out of its location and append it to body, which is not what i want.
thanks for your time