标签：
转载请注明出处：jiq?钦‘s
technical Blog
我的页面完成这样一个功能，点击页面左边的ZTree节点时利用jquery ajax请求后台action查询节点详细信息，然后在页面右边的div中利用Jquery的load函数加载节点的详细信息显示页面node.jsp。
<body> <div class="container-fluid"> <div class="row"> <div class="col-md-4"> <div class="panel panel-info bootstrap-admin-no-table-panel"> <div class="panel-heading"> <div class="text-muted bootstrap-admin-box-title">配置列表</div> </div> <div class="left pre-scrollable" style="height:560px"> <ul id="configZtree" class="ztree" style="width:700px; overflow:auto;"></ul> </div> </div> </div> <div class="col-md-7"> <div id="configInfo"></div> </div> <div class="col-md-1"></div> </div> </div> </body>
//ztree单击事件
function zTreeOnClick(event, treeId, treeNode) {
if(treeNode.level != 0)
{
//alert(getPathText(treeNode));
$.ajax({
type: "POST",
url: "DispNodeInfo.action",
data: {nodeId:treeNode.id,nodeName:treeNode.name},
dataType: "json",
success: function(data) {
$("#configInfo").load("nodeInfo.jsp?data="+data);
},
error: function() {
$("#configInfo").load("error.jsp");
}
});
}
};
这个按钮点击会去的div中的ztree对象，进行节点增加操作。
我直接聚焦并点击这个新增按钮没有任何问题，能正常新增子节点，但是当单击节点，让右边load节点详细信息之后，再去点击悬浮的新增字节点的按钮，则不起任何作用，并出现异常：
获取的ztree对象为空！！！ 难道Jquery的load函数又问题？？？
于是我新增了一个空白的jsp页面来load，按照上面再操作一遍，发现能够正常新增，所以说是我这个node.jsp文件的问题，经过排查，发现是这个页面中再次引入了ztree的js文件的缘故：
<script type="text/javascript" src="JS/zTree/js/jquery.ztree.all-3.5.min.js"></script>
标签：
原文地址：http://blog.csdn.net/jiyiqinlovexx/article/details/43414601
