Twitter Bootstrap选项卡,一个带有runat服务器的href

时间:2014-04-29 13:38:39

标签: jquery asp.net twitter-bootstrap webforms tabs

我正在成功使用twitter bootstrap的标签。 但是,只要我将列表项的内部href更改为runat =" server",它就会丢失选项卡功能。

<ul id="tab" class="nav nav-tabs">
    <li id="liItemInfo" runat="server"><a href="#<%=tbItemInfo.ClientID %>" data-toggle="tab">Item Information</a></li>
    <li id="liDocuments" runat="server"><a id="lnkDocuments" runat="server" href="#<%=tbDocuments.ClientID %>" data-toggle="tab">Documents (0)</a></li>
    <li id="liHistory" runat="server"><a href="#tbHistory" data-toggle="tab">History</a></li>
</ul>

所以在上面的例子中,第一个和第三个标签正在工作但不是第二个,即。如果你点击它没有任何反应。 我在服务器上需要它的原因是设置上传的文件数量。 我能做些什么才能让它发挥作用?

1 个答案:

答案 0 :(得分:0)

正如Sjoerd所指出的那样,它似乎与href click problem if i add runat="server" attribute in asp.net

类似

为了使它工作,我用一个asp:超链接替换了一个href,如下所示:

<ul id="tab" class="nav nav-tabs">    
    <li id="liItemInfo" runat="server"><asp:HyperLink ID="lnkItemInfo" runat="server" NavigateUrl="#tbItemInfo" data-toggle="tab">Item Information</asp:HyperLink></li>
    <li id="liDocuments" runat="server"><asp:HyperLink ID="lnkDocuments" runat="server" NavigateUrl="#tbDocuments" data-toggle="tab">Documents (0)</asp:HyperLink></li>    
    <li id="liHistory" runat="server"><asp:HyperLink ID="lnkHistory" runat="server" NavigateUrl="#tbHistory" data-toggle="tab">History</asp:HyperLink></li>
</ul>