Tag: jquery ui sortable

jquery可排序保存到数据库不能正常工作: 我正在尝试将jquery可排序function合并到我的网站中并保存数据库中的位置给我带来各种令人头疼的问题……我现在已经打了3天了，我似乎无法正常工作。就目前而言，它是保存数据库的位置，而不是您期望的顺序或位置。这意味着，如果我将位置0中的项目移动到位置1，它会在数据库中以不同的顺序保存位置。在这里查看实时版本。这是我的代码…… index.php文件： num_rows > 0) { while($items = $result->fetch_assoc()) { ?> <div id='sort_’ class=’items’> ☰ js.js文件： $(“#container”).sortable({ opacity: 0.325, tolerance: ‘pointer’, cursor: ‘move’, update: function(event, ui) { var itId = 3; var post = $(this).sortable(‘serialize’); $.ajax({ type: ‘POST’, url: ‘save.php’, data: {positions: post, id: itId }, dataType: ‘json’, cache: false, success: […]

jQuery Ui sortable不能在cloned ul中拖动li元素: 我有一个jQuery可排序列表的问题。我有两个ul列表。这两个列表是可排序的（完整的ul-sets），li子也是可排序的。因此，您可以对完整列表位置进行排序，您可以对li位置进行排序并将li元素从一个列表拖到另一个列表。使用每个列表旁边的按钮，我可以克隆一个完整的ul列表。因此我使用clone（true，true）函数。我使用真正的参数，因为我在按钮上有事件，我希望它们应用于克隆。我还希望将可排序函数应用于克隆。问题： +++++++++++++++++++++++++++++++++++++ 当我只使用clone()克隆元素时：你不能将li元素从ul> -clone拖到另一个列表中，你不能用克隆按钮克隆克隆元素两次（按钮动作丢失）。当我使用clone(true)或clone(true,true)来克隆元素时：您可以将li元素从ul-clone拖到另一个列表中，但是您不能将li元素从其他列表拖到ul-clone中。你可以在这里试试： http://jsfiddle.net/uKEJL/133/ 任何的想法？ -Thx Tobi-

jQuery UI可排序表和单元格在拖动tr时缩小: 虽然拖动我面临两个问题。当我有一个隐藏的td时，它自我缩小了。拖曳的tr细胞（ td ）正在萎缩这是可排序的代码： $(‘tbody’).sortable({ items: “>tr”, appendTo: “parent”, opacity: 1, containment: “document”, placeholder: “placeholder-style”, cursor: “move”, delay: 150, }); jsfiddle链接

jQuery $（ui.draggable）.remove（）不使用IE: 我可以让IE删除对象，只要它不是当前的可拖动对象。这适用于Chrome和Firefox。有什么我做错了吗？ One Two Drop items here and they should be removed. $(“#list”).sortable({ items: ‘li’ }); $(‘#bucket’).droppable({ drop: function(event, ui) { $(ui.draggable).remove(); }, accept: ‘.dropme’ });

IE中的Jquery多级列表问题: 首先抱歉我的英语… 好吧，我尝试创建一个可排序的问题/答案列表，它在FF中完美运行，但在IE中却不行。在IE中，当我尝试对答案（第二级li）进行排序时，其问题和同一组答案以一种奇怪的方式与所选问题一起移动。例如果您有任何想法，请告诉我。提前致谢！

jQuery UI可排序/可拖动导致窗口跳转: 在我的网页上，我有一个包含可排序UL的div，每当我滚动到页面底部并拖动最后一个LI我的页面跳转并且滚动条（在整个窗口上）增长。这是一个几乎捕捉到我的问题的JSFiddle ： www.jsfiddle.net/u5afykpf 。要查看与我发生的事情相近的事情，请滚动到底部并向下拖动最后一个元素。您将看到滚动条增长和移动。然而，在我的页面上，如果有更多的内容和高度，这会导致窗口的移动，这显然是明显的和不希望的。如果你去jqueryui draggable演示，减少窗口高度并拖动最后一个元素，你会发现它们不会发生这种情况。有没有人有jQuery UI可拖动和CSS建议的经验，他们可以让我阻止这种跳跃发生？我想做的一件事就是给出围绕UL position: absolute的div position: absolute但是它不在流程中，布局完全搞砸了。

jquery ui可排序传播动态创建可排序: 我希望有一个function，每次我从空白空间中的可排序拖动图像时，都会创建一个新的排序。如果我将两个图像存储在一个可排序的图像中，那么我可以拖动它们并真正创建新的可排序图像（灰色框）。现在我希望能够将图像从新创建的灰色框中拖出来，这样如果我放下一个空白区域，就会再创建一个新的灰色框。这不起作用。如何将我的uls函数传播给动态创建的uls？刷新似乎不起作用或我的错误在哪里？这是我的jsfiddle： http ： //jsfiddle.net/Gy74c/6/ $( “ul” ).sortable({opacity:0.4, connectWith: ‘ul’,tolerance:’pointer’,cursor:’move’, dropOnfull: true, stop :function (event,ui){ var positionLeft=ui.position.left; var positionTop=ui.position.top; var overSortable=elementBeingHoveredOver(event.pageX, event.pageY); if (!overSortable){ var x=$ (“”); $(x).css(‘position’,’absolute’); $(x).css(‘left’,positionLeft); $(x).css(‘top’,positionTop); $(x).css(‘height’,’70px’); ui.item.appendTo(x); $(x).sortable({connectWith: ‘ul’}) x.appendTo(‘#images’); $(‘#images’).append(x); $( “ul” ).sortable({ connectWith: ‘ul’}); $(“ul”).sortable(‘refresh’); } currentID=$(this).attr(‘id’); var liNumber=document.getElementById(currentID).getElementsByTagName(“li”).length; if (liNumber==0 &&!currentID==”sortable1″){document.getElementById(currentID).style.visibility= “hidden”} […]

无法使用句柄选择Kendo Sortable中的文本: 我有一组可排序的小部件，非常类似于这个演示。 JS在这里： var column1Sortable = $(column1Selector).kendoSortable({ filter: “.panel”, cursor: “move”, handler: “.panel-header”, connectWith: column2Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data(“kendoSortable”); var column2Sortable = $(column2Selector).kendoSortable({ filter: “.panel”, cursor: “move”, handler: “.panel-header”, connectWith: column1Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data(“kendoSortable”); 面板的HTML看起来类似于： Header … selectable text here … 虽然我已经为.panel-header div设置了一个handler选项，但我无法在.panel-content区域中选择任何文本。鼠标光标显示文本光标，但在尝试突出显示时，没有任何内容突出显示。

jQuery UI：将可排序从Accordion拖到外部: 我有两个连接的可排序列表。一个是简单的页面，另一个是手风琴。（我使用手风琴作为另一个列表的容器）我的目标是让用户可以打开手风琴并将项目从该列表中拉出并放到页面上。它有效 – 除了占位符在离开手风琴时消失。我试过帮助：’克隆’并增加zIndex。这是代码的简化版本： $(document).ready(function(){ $( “#inside” ).accordion({ collapsible: true, fillSpace: true, active: false }); $(“#ulOutsideList, #ulInsideList”).sortable({ opacity: 0.7, revert: 100, scroll: true, helper: ‘clone’, zIndex: 50000, connectWith: “.connectedSortable”, }); }); outside 1 outside 2 outside 3 container inside 1 inside 2 inside 3

重新排列区域内的瓷砖: 我正在尝试创建一个可以重新排列的磁贴网格。瓷砖的尺寸不同。这是我走了多远。 http://jsfiddle.net/psivadasan/dMtRs/ 如何防止瓷砖在灰色区域外重新排列？我不希望这种情况发生： http ： //i.imgur.com/0JAfY.png 感谢任何帮助。