一个困惑了一天多的easyui accordion 问题
做了一个菜单,如果不用ajax,手动添加菜单项html在页面,就会正常显示
<div id="divTree" class="easyui-accordion" fit="true" border="false">
<div data-options="iconCls:'tu0501'" title="后台管理">
<div class="easyui-panel" fit="true" border="false">
<ul class="easyui-tree">
<li><a href="#" icon="tu1201" rel="Article/List.htm">随笔列表</a></li>
<li><a href="#" icon="tu1201" rel="Category/List.htm">类别列表</a></li>
</ul>
</div>
</div>
<div。。。。这里的内容和下面ajax获取的“d”一样。。。
</div>
</div>

但是如果用ajax获取“菜单项html”后就不正常了,加了$.parser.parse($('#divTree'));
或者$.parser.parse();也没用。
$.net.AccountBLL.GetMenuByAccount(function (d) {
$('#divTree').append(d); //d为ajax获取菜单html
$.parser.parse($('#divTree'));
});
<div id="divTree" class="easyui-accordion" fit="true" border="false">
<div data-options="iconCls:'tu0501'" title="后台管理">
<div class="easyui-panel" fit="true" border="false">
<ul class="easyui-tree">
<li><a href="#" icon="tu1201" rel="Article/List.htm">随笔列表</a></li>
<li><a href="#" icon="tu1201" rel="Category/List.htm">类别列表</a></li>
</ul>
</div>
</div>
</div>
变成了

也就是“系统设置”和“个人设置”不见了,只显示它们的子菜单
<div id="divTree" class="easyui-accordion" fit="true" border="false">
<div data-options="iconCls:'tu0501'" title="后台管理">
<div class="easyui-panel" fit="true" border="false">
<ul class="easyui-tree">
<li><a href="#" icon="tu1201" rel="Article/List.htm">随笔列表</a></li>
<li><a href="#" icon="tu1201" rel="Category/List.htm">类别列表</a></li>
</ul>
</div>
</div>
<div。。。。这里的内容和下面ajax获取的“d”一样。。。
</div>
</div>

但是如果用ajax获取“菜单项html”后就不正常了,加了$.parser.parse($('#divTree'));
或者$.parser.parse();也没用。
$.net.AccountBLL.GetMenuByAccount(function (d) {
$('#divTree').append(d); //d为ajax获取菜单html
$.parser.parse($('#divTree'));
});
<div id="divTree" class="easyui-accordion" fit="true" border="false">
<div data-options="iconCls:'tu0501'" title="后台管理">
<div class="easyui-panel" fit="true" border="false">
<ul class="easyui-tree">
<li><a href="#" icon="tu1201" rel="Article/List.htm">随笔列表</a></li>
<li><a href="#" icon="tu1201" rel="Category/List.htm">类别列表</a></li>
</ul>
</div>
</div>
</div>
变成了

也就是“系统设置”和“个人设置”不见了,只显示它们的子菜单
...全文
相关推荐
jQuery EasyUI Accordion可伸缩面板组件使用详解
主要为大家详细介绍了jQuery EasyUI Accordion可伸缩面板组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery EasyUI 折叠面板accordion的使用实例(分享)
下面小编就为大家分享一篇jQuery EasyUI 折叠面板accordion的使用实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
EasyUI accordion导航自动生成
EasyUI accordion导航自动生成JS
easyui写的前台完整管理界面
使用easyui,有accordion菜单效果,点击菜单动态添加tabs并像是相应的菜内容,还可以随心所欲的修改成符合你自己需要的效果。。非常有用~~
jquery+easyui
jquery+easyui学习文档 1 Accordion(可折叠标签) 2 DateBox(日期框)等


