如何在可排序() - 拖动时让ul-tree项保持静止?

时间:2012-08-08 17:35:56

标签: javascript jquery jquery-ui jquery-ui-sortable

我正在使用jQuery sortable()构建基于jQuery的树菜单。这是我目前的代码:http://jsfiddle.net/8KDur/

如您所见,可排序功能正常工作。

但是,将树项目拖到其他树项目上时的ui行为也不会按照我希望的方式运行。我希望li-items保持静止,并且拖动时它们之间的边框突出显示。指示将放置哪些项目。

那么,如何在拖动时让物品保持静止?

我宁愿不使用插件。

1 个答案:

答案 0 :(得分:1)

您可以使用placeholder选项指定要用作项目之间边界的CSS类。然后,将helper设置为'clone',这将创建您要拖动的列表项的副本。默认情况下,jQuery UI将使用内联display: none隐藏帮助程序,因此如果您希望列表项保持可见且静态,则可能需要覆盖该帮助程序。

http://jsfiddle.net/8KDur/33/