我是
Jquery和JS Tree的新手,但学习爱上它.我已经设定
使用PHP生成的xml树形菜单(见下面的代码).它的作用
预期有一个例外 – 链接不活动.
使用PHP生成的xml树形菜单(见下面的代码).它的作用
预期有一个例外 – 链接不活动.
我知道有一些基本的东西我不明白.短期我只是
希望链接作为普通链接.长期我要他们
触发ajax调用,将重新加载页面上的特定div.
任何人都可以指向正确的方向吗?非常感谢您的帮助!
$(function () { $("#mainMenu").jstree({ xml_data : { data : <?PHP $menu->deliver(); ?> },core : { animation : 1000 } ui : { select_limit : 1,selected_parent_close : false },themes : { theme : "default",dots : true,icons : false },types : { types : { "heading" : { select_node : true } } },plugins : [ "themes","xml_data","ui","types" ] }); });
示例xml(单项):
"<root><item id='pubPages_home' parent_id='0'><content><name href='? a=pubPages&f=home'>Public Home</name></content></item><root>"
解决方法
.bind("select_node.jstree",function (e,data) { var href = data.node.a_attr.href document.location.href = href; }) ;
jstree版本:“3.0.0”,
jquery:最后
更新:
或者我最好的方式:
.bind("select_node.jstree",data) { $('#jstree').jstree('save_state'); }) ; .on("activate_node.jstree",function(e,data){ window.location.href = data.node.a_attr.href; })