如果我在初始化.sortable后将元素添加到列表中，它将无法正常工作。参见示例jsFiddle示例HTML:add示例JS:$(".container").sortable({containment:'parent'});$(".container").disableSelection();$(".add-fields").click(function(){$(".container").append("sucke")})示例CSS:.container{height:30px;width:100%;background:blue;position:relative;float:le
我的问题似乎类似于这个问题:draggingfromasortablelisttoadraganddropplugin但是由于没有给出那个问题的答案，我想知道是否有人可以/将能够和我一起解决这个问题。我遇到的问题是我创建了一个可拖动的div并将其附加到一个可排序的div中。当我像这样指定任何参数时:$(el).sortable({...arguments...});当元素被删除时它会导致错误见下文，当它留空时它奇怪地工作正常并且没有问题。该错误还会阻止可拖动元素触发任何功能。UncaughtTypeError:Cannotreadproperty'options'ofundefined
现在我有一列元素，我将它拖到我拖动的位置，它会克隆，但当我放下时，它也会删除原始元素。$(".column").sortable({helper:'clone',connectWith:".column",connectWith:".grid",start:function(e,ui){ui.placeholder.height(ui.item.height());$(".column").find('.portlet:hidden').show()console.log('started')},stop:function(event,ui){$(ui.helper).clone(tr
我有一些与此类似的jQueryUIPortlet:http://jqueryui.com/sortable/#portlets我想要的是在每个portlet中动态添加(当用户单击UI上的按钮时)一些像这样的框(显示为网格):http://jqueryui.com/sortable/#display-grid我想将它们从上到下和从左到右添加到portlet，定义每行“框”(项目)的最大数量。是否可以这样做(将它们动态添加到每个portlet中)？如果是这样，如何？一些想法？例如，假设我的asp.netmvc4View(最初为空)中有以下jquery-ui可排序block:所以当用户点击一
情况:大家好!在我的应用程序中，我有一种看板:有一些列，每个列都包含一个项目列表。我需要在列之间拖放项目并在同一列内重新排序。我之前尝试过三个与拖放(前两个)和重新排序(第三个)相关的Angular模块:ngDraggable:https://github.com/fatlinesofcode/ngDraggableAngular拖放:https://github.com/codef0rmer/angular-dragdropAngular用户界面可排序:https://github.com/angular-ui/ui-sortable它们很好，有很好的文档，但似乎无法同时进行拖放和重
我已经做到了http://jsbin.com/UBezOVA/1/edit.当我点击提交按钮时，我想获取列表项的当前顺序。但是，似乎$("#sortable2").sortable("toArray")不显示列表的当前顺序(例如sortable2)。如何获取列表的当前顺序。 最佳答案 您的部分问题是打印错误，在您的jQuery选择器中省略了id中的#。否则，您对.sortable("toArray")的使用是正确的。(注意，我在那里使用了console.log()而不是alert()-观察浏览器的控制台以获得更好的输出)functi
我希望创建一个可排序(通过拖放)网格，类似于JQuery的可排序网格所做的(http://jqueryui.com/demos/sortable/#display-grid)。但是，Sortable要求您仅使用具有相同尺寸的div。出于我的目的，每个block都允许具有不同的宽度和高度。我正在寻找的功能是对齐网格功能，同时将其他元素“推开”。Draggable会做所有事情，除了防止它们重叠并将其他元素推开。哦，它也不一定是Jquery。如果更容易，我愿意使用其他方法。 最佳答案 Jquerysortable不要求项目具有相同的尺寸，
我正在尝试让JqueryUISortable与缩放一起工作。问题是鼠标的移动速度与您拖动的元素不同。有很多关于如何使用Draggable进行此操作的示例。以下是可拖动项的解决方法示例:http://jsfiddle.net/TqUeS/660/varzoom=$('#canvas').css('zoom');varcanvasHeight=$('#canvas').height();varcanvasWidth=$('#canvas').width();$('.dragme').draggable({drag:function(evt,ui){//zoomfixui.position.
如何检查元素是否附加了jQueryUI插件？例如，如果我加载.sortable小部件，如何确定它的存在？这个问题背后的目的是我希望能够在元素上切换.sortable。能够看到.sortable存在，然后我可以调用.sortable('destroy')将其删除。 最佳答案 所有ui小部件都将其名称附加到元素的容器数据中。jqueryui还添加了数据过滤表达式。var$elem=$('div.sortable-container:data(sortable)');if($elem.length){//$elemcontainslist
我正在使用JQuery1.5.1和JQueryUI1.8.11。我已经为一些项目添加了sortable-这里的任务是允许拖动排序，这一切都很好。但我还想合并droppable，这样项目就可以放到“复制我”区域-那里的任务将是复制项目(我稍后会解决这个问题)问题是可放置的目标位于可排序列表的底部(我不想移动它)并且一旦发生放置，可排序的项目就会移动到列表的底部。我想做的是在drop事件触发时取消这种排序。Youcanseemyprobleminactionhere(只需将“Item1”拖到“DroptoCopyItem”区域，您会看到排序没有被取消)如您所见，我已经在可放置的“drop”
