Tag: jquery ui draggable

父帧和子iframe之间的拖放元素: 我试图使用jQuery在父框架和iframe之间拖放元素。我在父框架中有一个面板，其中包含一些可拖放到子框架上的可拖动项目。我试图搜索很多但找不到多少…… 我尝试通过在子帧中附加元素然后尝试以编程方式触发新插入元素上的draggable来解决它，但我也被卡在那里。找不到触发拖动function的正确方法。（draggable元素有一个帮助器。当我通过触发“mousedown.draggable”触发拖动时，ui-draggable元素上的位置发生了变化，但我看不到帮助器。谢谢！！

jQuery UI Draggable – 没有辅助克隆的connectToSortable – 或者如何将项目从一个列表移动到另一个列表: 看看这个例子。文档说：必须将helper设置为“克隆”才能完美地工作实际上，如果我删除helper: ‘clone’ ，拖动时会发生奇怪的事情。问题是我对“克隆”行为不感兴趣。我希望这些项目从一个列表移动到另一个列表。注意：原始（左）列表不应该是可排序的。有任何想法吗？

限制jQuery UI中的可拖动区域: 我想在div中创建一个可拖动的区域。它工作正常但我不希望可拖动区域外的空白区域因此想要限制可以拖动的区域。到目前为止我所得到的就是这个小提琴。图像最初位于父div的左上角。如果将其拖动到右侧或底部，您可以看到我不喜欢的空白区域。我怎么能限制这个？我认为可以使用jQuery UI的Draggable事件中的Containment参数来完成 $( “.selector” ).draggable({ containment: “” }); 但我无法弄清楚如何。此外，如果整个页面是一个可拖动的元素（类似于谷歌地图），我该如何限制？

jQuery.draggable（） – 恢复按钮单击: 我的页面上有几个可拖动和可放置的元素，它们具有accept属性。目前我的代码设置如下： $(“.answer.” + answer).draggable({ revert: “invalid” , snap: “.graph” }); $(“.graph.” + graph).droppable({ accept: “.answer.” + answer }); 因此，如果答案不正确，则将其恢复到原来的位置。用户还需要能够重置页面上的所有内容。我尝试了以下，但它不起作用： $(“btnReset”).click(function(){ $(“.graph.A”).draggable({revert:true}); });

删除iframe中的元素，否则还原: 编辑：1 这是drag.html（主页） – jQuery UI Sortable – Handle empty lists .drag {padding:10px;border:1px solid blue;margin:20px;} $(function() { $( “.drag” ).draggable({ helper: “clone”,iframeFix: true, revert : ‘invalid’,cursor: “move”}); $(‘#frame’).load(function(){ $(‘#frame’).contents().find(‘#sortable3’).droppable({ accept: “.drag”, drop: function( event, ui ) { var html = ”+ ui.draggable.html() + ”; //alert(html); $(this).append(html); } }); }); }); Drag 1 Drag 2 Drag 3 […]

jquery draggable +可以在drop事件上使用自定义html进行排序？: 在droppable区域中放置元素时更改html。像这样的东西： http ： //the-stickman.com/files/jquery/draggable-sortable.html 但是当我放置元素更改放置html。其他示例：我有2个列表第一个可拖动列表和第二个可放置列表，当我从第一个列表拖动元素并将此元素放入第二个列表时，该元素将被克隆到第二个列表拖动： test 下降： test 我想将此html更改为拖动： test 下降： test

移动jquery-ui-draggable盒子时的指南: 我正在研究如何在像Google Docs Drawing中那样移动框时显示指南。在开始编写自己的代码之前，我更喜欢开源代码或任何类型的指南。我不需要跨多个浏览器窗口拖放，所以我不需要HTML5 Drag-n-Drop。我也使用jquery-ui-draggable for boxes。

JQuery拖动外部父: 我正在使用JQuery的draggable（）; 使li元素可拖动。唯一的问题是当元素被拖到其父元素之外时，它不会显示出来。也就是说，它不会留下其父div的范围。这里有一个例子： http ： //imgur.com/N2N1L.png – 就好像其他一切的z-index具有更高的优先级（并且元素在所有内容下滑动）。这是代码： $(‘.photoList li’).draggable({ distance: 20, snap: theVoteBar, revert: true, containment: ‘document’ }); 并且li元素放在DIV中，如下所示： Page 1 我很肯定问题是它不会离开它的父容器，但我不知道如何做到这一点。任何方向或帮助将非常感谢！

JqueryUI Draggable – 自动调整父容器大小: 我有两个div，一个在另一个内。外部div（容器）具有任意尺寸。内部div设置为小于其容器的指定尺寸。我已经将jquery draggable应用于内部div，当我将内部div拖过容器的外边缘时，我正在寻找自动调整其父容器的大小。我该怎么做呢？在问一个新问题时，我在StackOverflow上看到了类似的function。用于输入问题的textarea有一个名为’grippie’的div，它调整了textarea的大小。这正是我正在寻找的function，但使用div而不是textarea。

jQuery Context Menu与jQuery Draggable冲突: 我在jQGrid中尝试使用jQuery Draggable行的jQuery Context Menu 。我遇到的问题是，由于我添加了jQuery Context Menu，因此单击（以及普通拖动）会触发可拖动操作。当我右键单击一行以获取菜单时，看起来有点奇怪，然后在另一行外面单击它（放弃菜单），该行开始跟随光标。是否与evt.stopPropagation(); 在jQuery Context Menu的以下代码片段中？ $(this).mousedown( function(e) { var evt = e; evt.stopPropagation(); $(this).mouseup( function(e) { e.stopPropagation(); var srcElement = $(this); $(this).unbind(‘mouseup’); if( evt.button == 2 ) { // Hide context menus that may be showing $(“.contextMenu”).hide(); 除了在可拖动或上下文菜单之间进行选择之外，还有什么可以做的吗？