树形的checkbox复选框，我写的哪里有问题，点击之后出来的没有框，

Question

    <script type="text/javascript" src="../js/zTree/jquery.ztree.excheck-3.5.js"></script>
    <script type="text/javascript" src="../js/zTree/jquery.ztree.exhide-3.5.min.js"></script>

---

var layers;

function isShowTree() {
if(treeisshow){
$("#treeDemo").hide();
treeisshow=false;
}else{
$("#treeDemo").show();
treeisshow=true;
}
}

var setting = {
check: {
enable: true,
chkStyle: "checkbox",
chkboxType: { "Y": "ps", "N": "ps" }

},
data: {
simpleData: {
enable: true
}
},
callback: {
onClick:zTreeOnClick,
onCheck:zTreeOnCheck,
onExpand:zTreeOnExpand
}
};

var treeNodes = [
                 {"id":1, "name":"test1", "nodes":[ 
                      {"id":11, "name":"test11", "nodes":[
                      {"id":111, "name":"test111"}  ]},   
                      {"id":12, "name":"test12"}  ]}, 
     ];

/*var zTreeNodes = [
{"name":"网站导航", open:true, children: [
{ "name":"google", "url":"http://g.cn", "target":"_blank"},
{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
]
}
];*/

function zTreeOnCheck(event, treeId, treeNode) {
alert(treeNode.tId + ",00+ " + treeNode.name + "," + treeNode.checked);
};
function zTreeOnClick(event, treeId, treeNode) {
alert(treeNode.tId + ",01+ " + treeNode.name);
};
function zTreeOnExpand(event, treeId, treeNode) {
alert(treeNode.tId + ",02+ " + treeNode.name);
};
function refreshLayers() {

var zTree = $.fn.zTree.getZTreeObj("treeDemo");

var changedNodes = zTree.getChangeCheckedNodes();

for ( var i=0 ; i < changedNodes.length ; i++ ){

var treeNode = changedNodes[i];

layers = map.getLayersByName(treeNode.name);

if(layers!=null && layers[0]!=null){

layers[0].setVisibility(treeNode.checked);

}

console.log((treeNode?treeNode.name:"root") + "checked " +(treeNode.checked?"true":"false"));

}

}

$(document).ready(function(){

$.fn.zTree.init($("#treeDemo"), setting, treeNodes);

});

    <input class="input-style input-w" type="text" id="ztreeIpnut" onclick="isShowTree();"/>
                                 <div id="treeDemo"  style="display: none" class="tree-list-show"></div>

显示的样式不像正常的有框和选项

Answer 1

http://www.runoob.com/jeasyui/jeasyui-tree-tree4.html