c# - 动态隐藏 JQuery UI 选项卡

Question

我有一个使用 JQueryUI 选项卡示例的 .net c# webform，如下所示：

<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