Tag: draggable

jQuery在浏览器之外可拖动: 目前，在不使用jQuery的情况下，可以将浏览器中的图像拖到桌面上（firefox，chrome，safari）。我想用jQuery draggable实现同样的function。目前，如果我尝试拖动’draggable’元素，该元素在离开浏览器窗口时会消失。任何想法，如果这是可能的，如果是这样如何？谢谢。

在拖动时调整JQuery Draggable元素的包含父级的大小: 我在另一个div’box’父容器中有一个div’slide’元素，并将JQuery Draggable应用于子节点。当项目被拖动时，我正在调整父容器的大小，有时缩小，有时会扩大它。问题是JQuery没有响应这个resize并且仍然包含父元素的原始维度中的拖动元素，而不是在其当前大小内，直到mouseup – 下一个拖动会话将使用新维度（直到它再次更改））。为了尝试解决这个问题，我希望触发mouseup事件，然后触发mousedown事件，以便JQuery使用新的容器大小： $(‘.slide’).draggable({ axis: “x”, containment: ‘parent’, drag: function (e, ui) { resizeContainer(); if (outsideContainer()){ // Try to stop and restart dragging $(this).trigger(‘mouseup’); $(this).trigger(‘mousedown’); } } 但是，这引发了一个例外…… Unable to get value of the property ‘0’: object is null or undefined …在这行JQuery代码上： this.helper[0].style.left=this.position.left+”px”; 任何人都知道我可以如何a）让Draggable实时响应父级维度的变化或b）触发一个dragstop然后无缝地拖拉？谢谢。

禁用拖动“Owl carousel”中的特定元素（Item） – jquery: 我在我的小项目中使用“OWL Carousel”jQuery插件（ http://www.owlgraphic.com/owlcarousel/ ）。我创建了可通过此插件拖动的小脚本。现在我想禁用特定元素（Item）中的拖动…但我不知道该怎么做。 HTML： Item-1.1 Item-1.2 NOT Draggble Item-1.3 Item-2.1 Item-2.2 NOT Draggble Item-2.3 Item-3.1 Item-3.2 NOT Draggble Item-3.3 CSS： div.wrap { width: 990px; min-height: 360px; padding: 5px; border: 2px solid #666; margin: 10px auto; } div.item { float: left; border: 1px solid #ddd; width: 324px; margin: 1px; min-height: 360px; } JS： […]

使用网格恢复’无效’不会返回到jQuery UI Draggable的起始位置: 简而言之，如果你使用draggable与网格并设置revert：’无效’在可拖动的项目上，它们不会返回到你开始拖动它们的完全相同的位置。他们回到你开始拖动它们的地方附近……非常奇怪。这可能是UI中的一个错误。如果是这样，有人知道是否有解决方法吗？示例： http ： //jsfiddle.net/n2AUv/11/ 谢谢！约翰。

JQueryUI可排序的thead和tbody在拖动行时隐藏了两个字段: 我有一个包含不同行和字段的表。在一行中，我有两个display:none;字段display:none; 当我拖动这些行时，在和有一个像横向填充的效果，表没有收缩，表的元素是。在第一行中的下一个JsFiddle无法正常工作，但在第二行中只有一个带display:none;字段display:none; 有用。如果有任何问题请问。错误的例子拖动时表：起初我认为可以通过查找类.hidden-td （具有display: none;的类）的元素的数量来解决，并查找具有类.placeholder-style的元素（是具有执行拖动时生成的类，并添加许多因为中我正在移动，但不是，不起作用。我知道有多少字段用这行代码.hidden-td var numcells = $(‘.hidden-td’).length; 问题我在第一行有9个元素，在另一个我有8个。在我的函数start()我只在我的占位符中隐藏了一列，所以当我拖动第一行时，剩下一列没有应用类.hidden-td这就是为什么列末尾有空格的原因。我怎样才能解决这个问题？ https://jsfiddle.net/w52m5ggb/20/

jQuery UI：将可选择与可拖动相结合: 我试图了解jqueryUI的selectable（）和draggable（）组件如何协同工作，这是一个很大的问题。他们自己工作得很好。我正在尝试创建一个文件浏览器类型界面，用户可以选择多个文件或将INDIVIDUAL文件拖到应用程序中的其他可放置位置。我知道很多人一直在寻找拖动多个文件的方法，但目前这不是我的要求。在提供的示例中，如果使用鼠标拖动选框框但是不再适用于简单的鼠标单击或crl单击以选择多个（启用可拖动时），则可选择工作。示例： http ： //jsbin.com/aguju4/3/edit

如何使用拖动function干净地调整iFrame的大小？: 我有一个iFrame，我希望用户能够抓住它的一面并拖动它以调整它的大小。我不希望它实时resize，而是使用指标行，当用户发布时，它会resize。我正在使用jQuery。有帮助吗？

jquery中可resize的可拖动对象。可能？: 我希望有一个可resize和可拖动的对象。我需要： X ÿ 尺寸对象。这可能吗？在http://www.jsfiddle.net/davidThomas/DGbT3/1/上有一个例子，它获取可拖动对象的x和y。我怎样才能使它可resize？谢谢值得补充一点的是，这个问题与前一个问题有关，并建立在这个问题上：如何获得可拖动对象的位置？

Jquery可排序更新事件只能调用一次？: 我正在尝试使用Jquery＆Php进行类别更改。我没问题。我的问题是，当调用update事件时，它返回2个结果。拖动父项的1个结果，Dropped Parent的一个结果。我想只打电话给父母的身份。这是我的脚本： $(“#gallery ul”).sortable({ connectWith: ‘.dropBox’, opacity: 0.35, scroll: true, scrollSensitivity: 100, //handle: ‘.move’, helper: ‘clone’, containment:’#gallery’, accept:’#gallery > .photo’, revert: true, update: function(event, ui){ params = ‘c=’ + $(this).attr(‘id’) + ‘&id=’ + ui.item.attr(‘id’); $.ajax({ type: ‘POST’, url: ‘processData.php’, data: params, error:function(){ alert(“Error!”); }, success:function(data){ $(“#serverResponse”).html(data); } }); } }).disableSelection(); […]

使用.droppable将jQuery UI删除到div中时删除元素: 我试图找出如何做到这一点的逻辑。我有很多只有CSS类名的图像，它们是动态创建的。这些图像可以使用jQuery UI的.draggable.进行拖动.draggable. 我需要一个“垃圾桶”，当一个元素被拖入时，它被删除。示例： http ： //jsfiddle.net/KWdcU/3/ （设置为删除所有元素而不是拖入其中的元素）代码： one two trash $(function() { $( “.stack” ).draggable(); }); $(‘#trash’).droppable({ over: function() { //alert(‘working!’); $(‘.box’).remove(); } });