问题标签 [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.

0 投票
1 回答
10148 浏览

javascript - 对象不支持属性或方法“nestedSortable”

有一个 IE9 问题,真的,真的让我精神崩溃。想不通!我真的很讨厌我们必须如何处理这些 IE 问题。

我在 Google 上浏览了大约 20 页来寻找答案,但没有任何效果。我有一个表格,您可以创建一个“部分”。然后可以使用 jquery nestedSortable 插件对这些部分进行重新排序。 http://mjsarfatti.com/sandbox/nestedSortable/

在 IE9 中,没有任何效果。我无法创建部分或对其重新排序,加载页面时出现以下错误:

SCRIPT438:对象不支持属性或方法“nestedSortable”

它指出错误与这里的第二个字符有关:

有任何想法吗?如果我完全删除此代码块,我不会收到任何错误,并且可以很好地创建部分,当然我不能重新排序它们,因为这已被注释掉。

这适用于除 IE9 之外的所有浏览器。不确定它是否适用于旧版本,我们只支持 IE9,因为我们必须这样做。我希望我们可以从我们的应用程序中阻止所有 IE,因为它是一个巨大的垃圾转储。

很抱歉带着一个无聊的 IE 问题来到这里,但我没有想法,深入研究了 3 个小时,但我没有取得任何进展。

我确实看到这个插件的兼容性是 IE6/7/8,他没有提到 9。

已编辑***

我的 javascript 文件包含在页脚中,这里有顺序:

一切对我来说都很好,这是一个大型应用程序,这是我们第一次看到其中一个插件出现这样的问题。

0 投票
3 回答
275 浏览

javascript - 检查列表元素中的重复名称

问题:

如何检查列表元素中的重复名称/项目?

我的情况:

我在列表中有一个列表,这是一个示例:

class="sortable ui-sortable"正在使用的是NestedSortable jQuery Plugin。所以列表项是可拖动的。

当 div 被拖入另一个 list 时,我想检查这些 div 中的名称<ol>。如果此列表包含重复项,则会以红色突出显示。

例如,如果我将Red-拖到已经包含红色category_6ol内部Color- category_2,则该位置(dropspot)变为红色。如果用户决定仍将其放在该位置,则列表将返回其原始位置。category_6将比被移回ol下面category_5

因此,如果您有更好的方法,列表可能会像这样结束,或者其他的:

0 投票
1 回答
1453 浏览

javascript - 嵌套可排序不起作用(没有拖放)

在这里,我有 2 个子菜单的列表。我不明白为什么我不能对列表中的任何元素进行“拖放”
。我在互联网上得到了这个脚本,但我认为我所做的一切都很好。也许我没有看到一些非常简单的东西,并为此提前道歉!

0 投票
2 回答
4114 浏览

jquery - 多级项目的 jQuery 可排序

我想要一个具有多个级别的可排序列表。我在这个博客上试过,因为它很容易描述事情

但是当我尝试多层次时它不起作用:(

这是我需要的结构

还有剧本

当我分配sortable()tosortable class和子级时item1 class,所有item1item2类都将分配该draggable="true"属性,我不能将子级拖到下面item1item2元素只需要拖拽到父元素内部item1

有什么好的解决方案可以同时使两个级别都可排序

谢谢

0 投票
1 回答
1436 浏览

javascript - 嵌套可排序的动态项目不折叠

我正在使用这个嵌套的可排序插件mjsarfatti.com/sandbox/nestedSortable,到目前为止,我唯一遇到的问题是当我将项目动态添加到“树”时,我无法展开或折叠项目。到目前为止,我只是在使用示例代码,并添加了它。

我如何动态添加项目:

当我将这些新项目添加到树中时,它们工作得很好——我可以在整个树中移动它们,使它们成为子项等。但是,当我尝试折叠一个我已经成为父项的新项目时——没有响应.

我确定我只是没有在某处添加正确的事件处理程序,但我无法找到发生的地方。添加新项目后,我什至触发了树的 destroy() 和 _create(),希望这会再次“重新配置”所有项目。但是,那里没有运气。谁能告诉我如何正确连接这些新的动态创建的项目,以便将它们视为树中的其他项目?

谢谢!

0 投票
0 回答
413 浏览

jquery - jquery可拖动排序没有放在正确的位置

这是我的代码 http://jsfiddle.net/cekX9/4/的小提琴

我一直在玩一些 jquery 来创建一个基本的拖放 cms。jquery 和 html 如下。基本上我创建了 3 个不同的拖放区。放置区 2 和 3 在放置区 1 内。

我让它工作除了一个错误。我可以将框拖放到 2 区和 3 区及其下方,但不能将它们拖放到 2 区和 3 区上方。

要重新创建错误,请尝试将任何蓝色框拖放到放置区 1 中,放置区 2 和 3 上方。它将始终位于区域 2 和 3 下方。

代码:

0 投票
1 回答
4410 浏览

angularjs - 嵌套可排序 AngularJS

我想使用 AngularJS 创建嵌套的可排序列表。我不确定那里是否有现有的解决方案。我尝试使用https://github.com/mostr/angular-ui-multi-sortable,它工作正常,但不幸的是,它似乎不接受嵌套列表。

我真正需要的是拥有多个篮子,我可以在其中重新排序这些篮子,还可以从篮子中拖放产品(从一个篮子到另一个篮子)。

有没有人有想法/解决方案如何使用这个?

谢谢!

0 投票
1 回答
2115 浏览

javascript - nestedsortable.js toarray 不工作

这是我第一次在使用 codeigniter 的自定义 cms 创建中使用 nestedsortable.js,所以我将它与 Codeigniter php 框架一起使用。我有一个有序和嵌套的列表(用于订单页面),我需要使用“toArray”将此列表转换为数组,但它不起作用错误消息:未捕获的类型错误:无法调用未定义的方法“匹配”这是我的 js 代码:

除了一切都很好,所以我需要你的帮助

0 投票
4 回答
5940 浏览

javascript - 嵌套 jQuery UI 可排序对象

有没有办法嵌套jQuery sortables?与嵌套容器一样,不是嵌套列表。

http://jsfiddle.net/ExLqv/2/

该示例非常有效,但是当我删除嵌套容器时出现错误:

我认为这是因为当拖动 a 时container它位于鼠标下方,所以当我放下它时,它会尝试将其放入自身内部。

我有一个解决方法,虽然不理想,所以问题仍然存在。

http://jsfiddle.net/ExLqv/8/

0 投票
1 回答
1044 浏览

nested-sortable - NestedSortable:使用 connectWith() 时 isAllowed() 不起作用

我正在使用带有 isAllowed 条件的nestedSortable:

但 isAllowed 仅适用于单个树。当被拖到另一棵树(由connectWith定义)时,即使不满足条件,也可以将li拖放到树的根(和其他一些地方)。然后我意识到可以将li拖到它自己的树根也符合条件。