Question

mvc中应用easyui 的疑问

<div region="west" title="菜单管理" split="true" style="width:150px">
<div class="easyui-" data-options="fit:true">
<ul id="tt" class="easyui-tree">
</ul>
</div>
</div>

<div id="tabs" region="center" class="easyui-tabs" style="width:500px;height:250px;">
<div title="Tab1" style="padding:20px;display:none;" data-options="closable:true">
tab1
</div>
<div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
tab2
</div>
<div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">
tab3
</div>

@RenderBody()

</div>
<script type="text/javascript">
$('#tt').tree({
url: '/Comm/prim'

});
$('#tt').tree({
onClick: function (node) {
// alert(node.attributes.url); // 在用户点击的时候提示
$('#tabs').tabs('add', {
title: node.text,
content: 'Tab Body',
closable: true

});
}
});
这是代码段，为什么不能创建出新的tabs(选项卡)呢 小弟跪求各位大神意见！
脚本调试错误！$(...).tabs is not a function

Answer 1

检查一下Easyui插件的JS文件是否在你这段JS之前被正确引用

追问

正确引用了，比如easyui-layout都可以显示出来，tree都可以用， 就tabs函数就不能用，但一模一样的代码在静态页中能用，
这是为何

追答

监视一下后台返回数据

Answer 2

我没怎么用过easyui 但我看你这个错误多半出在这：function (node){title: node.text} 你这里怎么能够直接.text