Tag: jquery ui draggable

具有多个句柄的Jquery Draggable: 是否可以使用具有多个手柄的draggable元素？我正在初始化它两次，每次使用不同的句柄参数，但它不起作用 – 只有第一个工作。

jQuery Draggable拖出屏幕: 当用户抓住窗口的标题栏并向右拖动时，页面将开始向右滚动。反正有没有阻止这个？要重现： https ： //jqueryui.com/draggable/将窗口拖到右侧。我有overflow: hidden在html和body标签上。不知道还有什么可以做的。我不想在窗口上使用包含选项，因为我希望它们能够稍微滑出屏幕。

jQueryUI draggable + sortable bug（无法读取undefined的属性’options’）: 我的问题似乎与这个问题相似：从可排序列表拖动到拖放插件但由于没有给出那个答案，我想知道是否有人能够/能够和我一起解决这个问题。我遇到的问题是我创建了一个可拖动的div并将其附加到一个可以排序的div中。当我指定任何这样的参数时： $(el).sortable({ … arguments … }); 当元素被删除时，它会导致错误，如果留空，它会奇怪地工作正常并且没有问题。该错误还会阻止可拖动元素触发任何函数。 Uncaught TypeError: Cannot read property ‘options’ of undefined jquery-ui-1.10.3.custom.js:2204 $.ui.plugin.add.stop jquery-ui-1.10.3.custom.js:2204 $.extend.plugin.call jquery-ui-1.10.3.custom.js:284 $.widget._trigger jquery-ui-1.10.3.custom.js:2017 (anonymous function) jquery-ui-1.10.3.custom.js:401 $.widget._mouseStop jquery-ui-1.10.3.custom.js:1702 (anonymous function) jquery-ui-1.10.3.custom.js:401 $.widget._mouseUp jquery-ui-1.10.3.custom.js:957 (anonymous function) jquery-ui-1.10.3.custom.js:401 $.widget._mouseUp jquery-ui-1.10.3.custom.js:1721 (anonymous function) jquery-ui-1.10.3.custom.js:401 $.widget._mouseDown._mouseUpDelegate jquery-ui-1.10.3.custom.js:913 jQuery.event.dispatch jquery-1.10.2.js:5095 jQuery.event.add.elemData.handle jquery-1.10.2.js:4766 这是出错的代码： $.ui.plugin.add(“draggable”, “cursor”, { […]

以编程方式将可拖动移动到位置: 可以说有一个可拖动的对象只能在一个轴上拖动。有没有办法以编程方式移动它？要么开始，要么是三角洲。当然我可以去改变它的css left属性，但这不会触发jQuery提供的拖动事件。我期待找到一个dragBy(x,y)方法到draggable。这是一个例子： http ： //jsfiddle.net/odyodyodys/daHU8/ HTML： Reset position Lorem ipsum dolor sit amet JS： $(“#theDiv”).draggable({ axis: “x”, cursor: “pointer” }); CSS： #theDiv { display:block; width: 100px; height: 100px; overflow: hidden; margin-top: 80px; background-color: green; } #theButton { border: 1px solid; width:80px; cursor: pointer; } 有没有办法将可拖动元素（这里的theDiv ）移动三角形或移动到x轴后的初始位置？

检测可拖动捕捉器相对于其捕捉到的元素的相对位置: 目标将元素捕捉到一起或根据位置拒绝捕捉根据捕捉位置更改元素外观消息来源已经咨询过 Jquery UI – 可拖动的’snap’事件使用jQuery UI检索“snapped to”元素，并且启用了snap jQuery UI可拖动选项snaptolerance 可视化想象一个带有连接器的div – 如果我将它连接到左侧瓶子，我需要连接器指向右侧，如果是正确的瓶子，连接器需要指向左侧。这种连接器不能卡在瓶子的顶部或底部，因此在这种情况下需要拒绝顶部或底部按扣 – 其他情况可能只是垂直卡扣而其他情况可能会垂直或水平卡扣。最可能是水平或垂直示例代码 DEMO snapped: function(event, ui) { var snapper = ui.snapElement.attr(“id”),snapperPos = ui.snapElement.position(), snappee = ui.helper.attr(“id”), snappeePos = ui.helper.position(), snapping = ui.snapping, collisionTolerance = 3; if (Math.abs(snapperPos.left-snappeePos.left) snappeePos.top) ui.helper.html(showPos(snapper,”top”,snapperPos,snappeePos)); else ui.helper.html(showPos(snapper,”bottom”,snapperPos,snappeePos)); } else if (Math.abs(snapperPos.top-snappeePos.top) snappeePos.left) […]

拖放2滴目标: 我正在寻找一个拖放示例，其中拖动项具有两个不同的区域，必须与两个可投放区域匹配。例：我希望蓝色拖动物品能够恢复，除非它被放置在每个红色儿童落在绿色区域的位置。理想情况下，我想使用jquery ui（因为我有它的经验），但任何JavaScript库都没关系，提前谢谢。

Jquery拖延问题: 基本上我想要的是，在拖动时，如果我走到收容区域外并释放鼠标，那么可拖动元素就会粘到我离开容器区域的边界。当我将光标移回时，元素会回到光标处。当你只是移动光标（而不是拖动）并且元素仍然被拖动时，它看起来并不好看。这是一个小提琴。只需拖动并将光标释放到输出区域外，您就可以得到我正在谈论的内容。我在考虑两种方式在被拖动时限制鼠标移动到包含区域（我搜索它并且没有找到如何做它。这可能不可能？）如果光标离开容器区域，则将可拖动恢复到其位置。（还是找不到办法做到这一点）任何方式或更明亮的想法来实现这一点??? Relevant Code （用于stackoverflow）

动态创建可悬浮元素: 我正在使用jQuery UI Draggable和Droppable小部件实现拖放。（Sortable并没有为我提供足够的灵活性。）当我拖动时，我正在动态创建一个放置占位符元素，以准确显示放置放置的位置。但是，如何才能使这个下拉占位符本身可以放置？如果我创建它然后立即调用它上面的droppable()方法，这没有任何效果。因此，如果用户直接在放置占位符上掉落，我怎么能检测到这个？到目前为止，您可以在http://jsbin.com/uciviy/14看到我的内容。

如何在使用jQuery UI .draggable时禁用webkit浏览器中的文本选择？: 在使用jQuery UI .draggable（）时，我似乎无法在webkit浏览器中禁用文本选择。我尝试过各种组合使用webkit特定的css（-webkit-user-select和-webkit-user-drag），但没有运气。这里有一个jsfiddle，你可以重现这个问题： http ： //jsfiddle.net/dmosher/8ZGLR/

Jquery UI有效教程: 有没有人知道一个详细而有效的jQuery UI 1.7教程？我只是不能单独使用演示页面。我无法弄清楚拖拽……只做(‘div#item’).draggable(); 谢谢