如何让Jquery UI选项卡为空

时间:2012-06-26 02:50:40

标签: jquery-ui-tabs

我有一个JQuery UI选项卡对话框,它是Master-Detail界面的详细信息。当有人在主人中选择一个元素时,所有选项卡都会获得他们的href,其中包含提供所选项目详细信息的URL。

例如,请参阅    http://www.trirand.com/blog/jqgrid/jqgrid.html并浏览到Advanced-> Master Detail。

但是我不是更新第二个网格,而是更新jquery-ui tabs元素的链接,如下所示:

var urls = {
        0 : "/url1",
        1 : "/url2",
};

jqgrid(....

onSelectRow: function(location_id) { 
    for (url in urls){
        $('#tabs').tabs('url', url , urls[url]+location_id );
    }
    var selectedTab = $('#tabs').tabs("option", "selected");
    $('#tabs').tabs('load', selectedTab);       
} 
);

$(#tabs.tabs({});

使用html:

<div id="tabs">
<ul>
    <li><a id="URL1" href="blank.html">Info</a></li>
    <li><a id="URL2" href="blank.html">History</a></li>
    </ul>
</div>      

我不应该使用blank.html虚拟链接。有什么我可以做的(当我没有在主人中选择任何东西时),这不会导致我的标签导致获取而只是为空?

1 个答案:

答案 0 :(得分:0)

如果您在编码中将标签设置为空白,则不会出现任何内容(显然),但如果您需要在页面加载时将其清空,请使用以下命令:

$(document).ready(function() {
    $('#divID').empty();
});