问题在jQuery的选项卡可见和不可见与Css类在asp.net母版页

Question

我在我的asp.net主页上设置jquery选项卡如下。

<ul>    
        <li <%= Session["CurrentTab"] == "Firsttab" ? "class=\"current\"" : "" %>><a href="First.aspx">First</a></li> 
        <li <%= Session["CurrentTab"] == "Secondtab" ? "class=\"current\"" : "" %>><a href="Second.aspx">Second</a></li> 
        <li <%= Session["CurrentTab"] == "Thirdtab" ? "class=\"current\"" : "" %>><a href="Third.aspx">Third</a></li> 
        <li <%= Session["CurrentTab"] == "Fourthtab" ? "class=\"current\"" : "" %>><a href="Fourth.aspx">Fourth</a></li> 
        <li id="bsearch" style="margin-left:500px" class=<%= Session["CurrentTab"] == "Fifthtab" ? "current" : "hide" %>><a href="Fifth.aspx">Fifth <asp:Literal ID="Lblcount" runat="server" Visible="false"></asp:Literal><span id="removebtn" class="removetab ui-icon ui-icon-circle-close" style="float:right; margin: -2px -10px 0px 3px; cursor:pointer;"></span></a></li> 

       </ul> 

这些选项卡中的jQuery阿贾克斯mode.I工作正在设置在First.aspx，Second.aspx，Third.aspx，Fourth.aspx，Fifth.aspx的页面加载会话[ “CurrentTab”]值页面设置为相应的值。基于此值，单击该特定页面时突出显示相应的选项卡。默认情况下，前四个选项卡（第一，第二，第三，第四）将可见，而第五选项卡不可见。

我对母版页点击搜索按钮上任何页面将用户重定向到Fifth.aspx我在哪里使第五选项卡中看到过。

单击标题标题旁边出现的“x”，此第五个标签应该可关闭。

一旦这个第五个标签是可见的，除非用户点击'x'它应该与所有页面上的其他标签一起保持可见（First.aspx，Second.aspx，Third.aspx，Fourth.aspx，Fifth .aspx）。但是，如果我离开fifth.aspx页面并导航到其他页面，“Fifth”选项卡变得不可见，因为会话[“CurrentTab”]不再设置为“Fifthtab”，并且根据class=<%= Session["CurrentTab"] == "Fifthtab" ? "current" : "hide" %>我正在为此选项卡撰写的会话。

我想是这样的

class=<%= Session["CurrentTab"] == "Fifthtab" ? "current" : "default" %> 

其中“默认”对应于风格=“显示：块”来代替类;

我试图在搜索按钮点击使用JavaScript的母版页，但它不工作。

有人能帮我实现吗？

谢谢。

Answer 1

一种解决方法是使用隐藏字段来保存第五个选项卡的状态。所以只要第五个标签可见，就设置隐藏变量。同样，当用户点击x按钮设置变量。

可以作为

$('input[id$="hdnFifthTabStatus"]').val(); 

访问名为“hdnFifthTabStatus”隐变量现在，如果这是真的：添加显示：块到第五个标签的CSS，否则添加显示：无。