动态隐藏JQuery UI选项卡

Question

我有一个.net c＃webform使用JQueryUI选项卡示例按照下面的代码：

<script type="text/javascript">
$(function () {
    $("#tabs").tabs();
});  
</script>
<div id="tabs">
<ul>
    <li><a href="#divTab1">Tab 1</a></li>
    <li><a href="#divTab2">Tab 2</a></li>
    <li><a href="#divTab3">Tab 3</a></li>
    <li><a href="#divTab4">Tab 4</a></li>
</ul>
<div id="divTab1">
    Showing Tab 1
</div>
<div id="divTab2">
    Showing Tab 2
    </div>
    <div id="divTab3">
        Showing Tab 3
    </div>
    <div id="divTab4">
        Showing Tab 4
    </div>
</div>

我想要实现的，基于我的代码背后的条件，是隐藏特定的选项卡。 我该怎么做呢？

Answer 1

您可以调用JQuery hide（）方法：

http://api.jquery.com/hide/

在代码隐藏中，评估您的条件并使用ClientScriptManager.RegisterStartupScript方法注册hide（）方法调用：

http://msdn.microsoft.com/en-us/library/system.web.ui.clientscriptmanager.registerstartupscript.aspx