问题标签 [nested-sortable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQuery Nested Sortable - 在 2 个列表之间复制而不是移动项目
我正在使用一个应用程序,您可以在其中拖放 2 个嵌套排序项之间的列表项:http: //jsfiddle.net/jhogervorst/Ge7eK/9/
我的问题是您将如何更改代码以便将元素从一个列表复制到另一个列表,而不是移动它们?似乎是一个简单的更改,但我无法弄清楚。
谢谢。
jquery - jquery nestedSortable 如何从 _isAllowed 访问当前元素 className
我需要扩展 jquery.nestedSortable 以在 _isAllowed 中添加一些事件,并看到在该函数中,现在支持访问 parentItem、级别和级别,但我一直在努力访问当前项目。我需要检查当前项目 li className。
php - 如何将数据库从嵌套排序更新为分层
我想知道如何根据这种类型的数组更新我的数据库:
我尝试了不同的方法,但它没有按应有的方式工作。
这是我保存列表新顺序的函数,我使用nestedSortable('toHierarchy')
但它不适用于超过 2 个级别的列表。
这是我正在使用的 js
jquery - nestedSortable 连接可排序
是否可以连接两个嵌套的可排序列表?
我尝试过的一些事情。
第一个列表是可排序列表,第二个是嵌套排序列表,只要未将嵌套排序列表设置为与可排序列表连接,我就可以将项目拖到嵌套列表中。如果我将 nestedSortable 列表设置为与可排序列表连接,则 nestedSortable 列表将停止工作。
第二。如果两个列表都设置为 nestedSortable,则一旦您尝试拖动项目,浏览器就会崩溃。
我希望能够将项目从nestedSortable 列表拖到可排序列表或使用两个nestedSortable 列表。
这可能吗?谢谢
这是示例代码:
javascript - Draggable 总是去最外层的可排序
我正在尝试编写一个页面,用户可以在其中将项目拖到三个嵌套的、可排序的 UL 之一中。无论用户将可拖动对象放在哪里,它总是落在外部(或最顶部)UL 上。我制作了一个简化版本来说明jsFiddle上的问题。
我无法通过 id 来定位 UL,因为 id 是在运行时确定的。任何帮助,将不胜感激。
jquery - jQuery嵌套可排序插件几乎可以工作
看看这个 jsfiddle。
我正在使用嵌套的可排序插件,但由于某种原因,您无法将孩子<li>
拖出其父级。问题是,仅当元素最初位于第二层时才会出现问题。如果您从<li>
第一层的所有元素开始,则可以毫无问题地将它们拖入和拖出父元素。
我错过了什么吗?
javascript - 获取点击的 li id
我有以下列表:
我想得到id
任何li
被点击的。我尝试了以下代码,但没有收到任何警报。
我将它与nestedSortable jQuery 插件结合使用。
我哪里错了?
好的更多信息,列表项是在加载 dom 后添加的。
如果项目已加载以开始它确实有效,道歉。
jquery - JQuery UI .sortable 按钮从当前列表中删除并返回到原始列表
我想在移动的项目上附加一个按钮,单击该按钮将从列表中删除该项目并将其返回到其原始位置。该插件具有我正在寻找的功能,但我一直在搜索一整天,看起来 .sortable 中缺少此功能。
我的结构是:
这是js:
尝试不同的东西我可以成功地调用 .sortable("destroy") 但如果它不会再次出现在原始列表中,那将没有任何好处。在这个 fiddle中,我一直在查看另一种可能的(不理想的)解决方案。基本上我对这个解决方案的想法是为按钮添加一个破坏,它总是在原始列表中。这里的问题是,如果相应的项目从新列表中销毁,我确实需要至少从原始列表中隐藏它并显示它。所以理想情况下,如果可能的话,我想用 .sortable 来做这件事。
jquery - JQuery UI 嵌套排序:所有嵌套列表/项目都算作根项目之外的一项
我正在使用这个插件: http: //mjsarfatti.com/sandbox/nestedSortable/
这似乎很棒,只是为默认的 jQueryUI 可排序添加了一些额外的选项(https://github.com/mjsarfatti/nestedSortable - 虽然不适用于 1.9+)。
然而,我似乎有一个问题,你可以从这个小提琴中看到:http: //jsfiddle.net/kzswp/6/似乎导致所有嵌套列表项都算作最根项下的一个大项。
此外,如果您将其中一个根项拖动为另一个根项的子项,则排序字符不一致。即使我试图将一个项目设置为已经存在的嵌套列表中的子项目,它似乎也会创建一个新列表来放置该项目。
这是我的标记:
</p>
我认为问题出<div class="child-items">
在嵌套列表周围(页面上的其他 JS 我需要这个),但即使在删除它之后:http: //jsfiddle.net/xJzZU/1/
这只修复了排序字符,但所有子列表及其项目仍然算作一个大项目。
任何人都知道如何在保持child-items
div 围绕这些嵌套元素的同时解决这个问题?
jquery - 嵌套排序中的放置事件
我正在使用这个嵌套的可排序插件http://mjsarfatti.com/sandbox/nestedSortable/从我的内容管理系统中对图像幻灯片进行排序。
我尝试使用 html5 ondrop 事件,以便每当发生 drop 事件时,排序将通过 ajax post 保存,但仍然在 drop 时不会转到 save_order 函数
HTML:
JS: