动态隐藏JQuery UI选项卡

本文关键字：选项 UI JQuery 隐藏 动态 | 更新日期: 2023-09-27 18:23:50

我有一个使用JQueryUI选项卡的.net c#网络表单示例如下代码所示：

<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>

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

动态隐藏JQuery UI选项卡

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

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

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

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

相关文章：