首页 > 代码库 > 为axure生成的html站点添加关闭所有节点的功能
为axure生成的html站点添加关闭所有节点的功能
上一篇随笔：将Axure用于需求分析工具中，我分享了我做了一个axure部件，方便用axure中制作各种uml图。
用axure的朋友可能会发现一个问题，如下图，axure生成的html站点中所有的文件夹都是默认打开的，如果文件太多的话要找到目标文件是很麻烦的。
我要解决这个问题，于是发挥主观能动性，为这个站点添加“关闭所有节点”的功能。
找到对应的文件：安装目录\DefaultSettings\Prototype_Files\start.html，给这个文件加了些js，如下：
<script type="text/javascript">//关闭所有节点function closeAll(){ var openNode = $(‘#sitemapTreeContainer ul:eq(0)‘).children(‘.sitemapExpandableNode‘); closeNode(openNode);}//关闭节点function closeNode(node){ node.each(function(i,e){ //查找子节点 if ($(e).find(‘ul:eq(0)‘).children(‘.sitemapExpandableNode‘).length>0) { //递归 closeNode($(e).find(‘ul:eq(0)‘).children(‘.sitemapExpandableNode‘)); } //调用单击事件 $(e).find(‘.sitemapMinus:eq(0)‘).click(); });}$(function(){ //工具栏添加“关闭节点”按钮 $(‘#sitemapToolbar div:eq(0)‘).append(‘<a id="closeNode" onclick="closeAll();" title="关闭节点"> 关闭节点 </a>‘);});</script>
之后生成的站点效果就是这样了：
没加样式，比较丑陋，有需要的朋友可以继续改造，哈哈。
为axure生成的html站点添加关闭所有节点的功能
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。