easyui 异常:Uncaught TypeError: Cannot read property 'tabs' of undefined

<script type="text/javascript">
 $("div[node-id=home_manager]").click(function() {
//alert();
//判断选项卡是否打开，如果已经打开使用打开这个，如果没有打开创建新的选项卡
var e = $("#tt").tabs("exists","主页管理");
if(e) {
//已经打开
$("#tt").tabs("select","主页管理");
} else {
//创建新的
$('#tt').tabs('add',
{
title: '主页管理',
iconCls: 'icon-reload',
closable: true,
content: '<iframe frameborder="0" width="100%" height="100%" src="homeManager.do"></iframe>'
}); 
} 
})

})
</script>
html代码
<div class="easyui-accordion" data-options="fit:true">
<div title="电商管理">
<ul id="tt" class="easyui-tree">
<li><span>商城管理</span>
<ul>
<li><span>商品分类</span>
<ul>
<li><span><a href="#">电子商城</a></span></li>
<li><span>美食小吃</span></li>
<li><span></span></li>
</ul></li>
<li><span>商品添加</span></li>
<li><span><a href="#" id="listAll">商品管理</a></span></li>
</ul></li>
<li><span><a href="javascript:void()" >商品展示</a></span></li>
</ul>
</div>
</div>
</div>
</div>
<div data-options="region:'center'">
<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">
</div> 
</div>

我的html代码里边有两个id="tt",导致在用id选择器的时候,在某一个id上没有找到这个元素具有tabs方法,所以导致这个错误出现,耽误了大半天

再遇到此类错误,记得先看id选择器里的id值一定不要重复