Javascript jquery树事件没有';行不通

Javascript jquery树事件没有';行不通,javascript,jquery,jquery-easyui,Javascript,Jquery,Jquery Easyui,我已经初始化了jQueryEasyui的树,并单击了它没有提醒我的节点。 这是我的html代码 <body> <ul id="tt" class="easyui-tree" url="tree_data.json" checkbox="true"> </ul> </body> 我的javascript在这里 <head> <link rel="stylesheet" typ

我已经初始化了jQueryEasyui的树,并单击了它没有提醒我的节点。 这是我的html代码

<body>
<ul id="tt" class="easyui-tree"
            url="tree_data.json"
            checkbox="true">
</ul>
</body>

我的javascript在这里

<head>
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script>
$('#tt').tree({
    onClick: function(node){
        alert(node.text);  // alert node text property when clicked
    }
});
</script>
</head>

$('#tt')树({
onClick:函数(节点){
警报(node.text);//单击时警报节点文本属性
}
});

我在jquery.com上看到的示例和演示就是这样的。为什么它不起作用?

您应该将您的
js
放入
$(document).ready()
中,如下所示。希望这对你有帮助

$(document).ready(function () {
      $('#tt').tree({
           onClick: function (node) {
                alert(node.text);  
           }
      });
});
完整代码


$(文档).ready(函数(){
$('#tt')树({
数据:[{
“id”:1,
“文本”:“文件夹1”,
“图标保存”:“图标保存”,
“儿童”:[{
“文本”:“文件1”,
“已检查”:真
}, {
“文本”:“书籍”,
“状态”:“打开”,
“属性”:{
“url”:“/demo/book/abc”,
“价格”:100
},
“儿童”:[{
“文本”:“PhotoShop”,
“已检查”:真
}, {
“id”:8,
“文本”:“子图书”,
“状态”:“已关闭”
}]
}]
}, {
“文本”:“语言”,
“状态”:“已关闭”,
“儿童”:[{
“文本”:“Java”
}, {
“文本”:“C#”
}]
}],
onClick:函数(节点){
警报(node.text);
}
});
});