首页 > TAG信息列表 > jquery-ui-draggable

javascript-如何防止可拖动的子元素彼此拖动？

如何防止可拖动子元素在绝对位置上相互拖动？ 就像是： if( ($("#firstChild").position().left) >= ($("#secondChild").position().left) ) { $(this).draggable({ disabled: true }); } 但这只会在停止拖动时禁用Dragabble,目的是防止以某种方式过度拖动…或使用Droppable ???

javascript-使可排序元素可拖动,可将其拖放到可放下的对象上,并在拖回时可以再次连接到列表

我想一起使用jQuery-ui可拖放,可拖放和可排序. 我的功能如下： >我有一个可排序的列表 >我创建了一个可放置的div>可排序的项目是可拖动的,可以放在可放置在div内自由移动的可放置对象上>当将可拖动项拖到可排序列表时,应将其重新连接到可排序列表 我提供了一些图像,可能有助于使它更

javascript-JqueryUI拖动：游标与可拖动元素不在同一位置

我正在使用最新版本的JQuery和JQuery UI来了解拖放功能.我面临一个小问题-主要是由于鼠标拖动. As you can see that I am creating stacks with some items in it. Now if these stacks are just inside body – I mean div.allstacks is in body there is no problem. But

javascript-使用jquery-ui在droppable内将可拖动元素居中

以下是到目前为止我可以实现的示例… $(document).ready(function() { $(".item").draggable({ revert: 'invalid', snapMode: 'inner', scroll: false, stack: false, drag: function(event, ui) { $(".droparea").remo

javascript-如何手动触发jQuery drag()函数？像$(element).trigger(‘drag’);

我有一个可拖动的img元素.现在,我想手动触发drag()事件,就像我们如何以$(element).trigger(‘click’)触发“ click”事件一样.谢谢. 这是我的功能定义 $('#imgToUpload').draggable({ drag: function(event, ui) { if (ui.position.top > 0) {

javascript-jQuery UI：拖动多个对象

我的场景：带有某些对象(div)的容器(div).可以在容器内部移动对象(将选项包含设置为父对象). 现在,我需要一次移动多个对象.为此,我发现了this有用的插件.不幸的是,此插件无法处理属性包含,如报告的here所示. My test on JSFiddle,禁用此功能 $(".obj").on("drag", function(ev, ui)

javascript – 为jQuery UI Droppable的Intersect容差构建匹配选项

我想将一个元素拖动到两个或更多可放置区域,但那些可放置区域需要完全包含在我的可拖动对象中. 问题是,jQuery UI’s existing functionality for droppable tolerances都没有满足这个需求. 理想情况下,我会使用“intersect”,但是代码中的可拖动和可放置对象测量结果是相反的. (通

javascript – 在表之间拖动行

这个想法非常简单,几乎可以运作.有两个表,用户可以选择在两个表之间拖动行.当一行从table1拖到table2时,使用ajax以使用从table1中删除的数据更新数据库,添加到table2,并使用新数据重新显示这两个表.如果信息从table2拖到table1,同样的事情也有效. 您可以看到代码here的示例. 以下

javascript – 实现自动滚动后奇怪的可拖动行为

我使用jQuery UI draggable widget实现了拖放. 我现在正在拖动操作期间实现自动滚动.我进行了设置,以便在您开始拖动时,灰色叠加层会出现在浏览器窗口的顶部和底部.当您拖入其中一个叠加层时,浏览器窗口将开始自动滚动. 您可以在http://www.softcircuits.com/Client/scrolltest.htm

javascript – 拖动div时,将另一个div与拖动的div一起移动

两个div存在于不同的容器中. 我想在container2中移动div1,同时在container2中拖动div2.(‘left’属性应始终与div1和div2保持一致) 我可以通过应用’draggable’功能单独拖动它们.此外,通过将div1的left属性赋值给div2的left属性,同时调用’draggable stop’函数,我可以在电影div1

javascript – Jquery检查是否具有id = x的li已经存在于ul中

我和李有很多UL.不同的UL将具有相同ID的li： <ul> <li id='1'>this</li> <li id='2'>that</li> </ul> <ul> <li id='1'>this</li> </ul> 用户可以将li从列表拖到另一个列表,但前提是不存在具有相同id的li.到目前为止我有这个： $

javascript – 无法在模态弹出窗口内交换时定位元素

我在模态弹出窗口中有两个可拖动的div,当我拖放时,div的位置在动画期间会下降.我无法将其排除. HTML <title> Swapping of tiles with Animation</title> <body> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="