JavaScript-ajax生成菜单树的方法

前端开发 前端开发 主题:1148 回复:2395

JavaScript-ajax生成菜单树的方法

清晨说ぺ晚安 发布于 2017-03-16 字数 102 浏览 988 回复 2

大家给个你们经常用过的ajax生成菜单树的例子,尽量是大家测试用过的。服务器端脚本最好用php,谢谢!

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(2

归属感 2017-06-30 2 楼

实现原理应该不难,主要还是在样式的展现上。我们在项目中倒是经常用到动态菜单,一般都是自己来写了。你可以看看这里的例子:

http://apycom.us/jquery-menu/jquery-ajax-tree-menu.html

虽然是商业版,但是代码还是都可以看得到的,很容易理解。样式自己定义下就可以用了。

瑾兮 2017-03-23 1 楼

动态加载的菜单树?这种东西有很多,jstree就可以实现,给你一个例子
$(function () {

 $("#demo3").jstree({ "plugins" : ["themes","html_data","ui"] })  

// 1) if using the UI plugin bind to select_node

.bind("select_node.jstree", function (event, data) {

// data.rslt.obj is the jquery extended node that was clicked

alert(data.rslt.obj.attr("id"));

})

// 2) if not using the UI plugin - the Anchor tags work as expected

// so if the anchor has a HREF attirbute - the page will be changed

// you can actually prevent the default, etc (normal jquery usage)

.delegate("a", "click", function (event, data) { event.preventDefault(); })

});