js在动态生成的页面上动态添加easyUI的tab

Question

代码如下：
var tab = $("

");
var content = "";

tab.tabs('add', {
title: view.title,
content : content,
closable: true
});
执行到add的时候，就报出了如下错误：
jquery.easyui.js:5210 Uncaught TypeError: Cannot read property 'options' of undefined
at _34c (jquery.easyui.js:5210)
at HTMLDivElement. (jquery.easyui.js:5469)
at Function.each (jquery-1.9.1.min.js:132)
at init.each (jquery-1.9.1.min.js:41)
at Object.add (jquery.easyui.js:5468)
at init.$.fn.tabs (jquery.easyui.js:5431)
at DataBrowser.showReport (db.databrowser.js:180)
at Object.$.parser.onComplete (db.databrowser.js:91)
at Object.parse (jquery.easyui.js:46)
at jquery.easyui.js:3276

    是不是add方法只能用于给静态div添加tab呢？

Answer 1

要先初始化tabs后才能调用add方法，使用样式来初始化easyUI需要在dom ready前将html代码添加到dom中，要不也无法初始化

 var tab = $("<div id='tab_row_" + r + "_column_" + c + "' class='easyui-tabs' style='width:500px;height:250px;'>");
$('#xxxx').append(tab);
tab.tab();//要手动调用tabs进行初始化

var content = "<table id='table_datagrid_'" + view.id +"></table>";

tab.tabs('add', {
                    title: view.title,
                    content : content,
                    closable: true
                });