使用JS或jQuery动态加载树菜单

时间:2014-05-21 22:10:31

标签: javascript jquery

我有一个Accordian菜单,用于通过外部API(文件夹结构)进行导航

我试图在用户导航时动态重新创建文件夹结构。

我目前遇到的问题是:当文件夹和子文件夹被加载时,它们会丢失(或永远不会收到)内置的jqueryui点击处理(用于取消/折叠)

I wish to save myself having to write my own accordian click handlers

但遗憾的是,(通常是嵌套的)手风琴的结构是动态加载的,并没有为其分配任何处理程序。

1 个答案:

答案 0 :(得分:0)

浏览完SO并随机点击无关的“类似问题”后,我找到了最优秀的解决方案 - http://www.jstree.com/ 这个简洁的小jQuery插件解决了我对文件夹导航菜单的每个要求,等等!

请允许我发布他们的首页模糊:

jsTree是jquery插件,提供交互式树。它完全免费,开源并在MIT许可下分发。 jsTree易于扩展,可扩展,可配置,支持HTML& JSON数据源和AJAX加载。

jsTree在箱型(内容盒或边框)中正常运行,可作为AMD模块加载,并具有内置的移动主题,可进行响应式设计,可轻松定制。它使用jQuery的事件系统,因此对树中各种事件的绑定回调很熟悉且容易。

其中一些值得注意的功能:

drag & drop support
keyboard navigation
inline edit, create and delete
tri-state checkboxes
fuzzy searching
customizable node types

支持所有现代浏览器,以及IE8