带有参数化超链接的 ASP.NET 引导可切换选项卡

Posted 2023-02-22

【中文标题】带有参数化超链接的 ASP.NET 引导可切换选项卡

【英文标题】：ASP.NET bootstrap toggleable tabs with parameterised hyperlinks

【发布时间】：2014-09-01 12:12:04

【问题描述】：

我有一个 ASP.NET Web 表单（不是 MVC）我有以下引导导航...

<ul class="nav nav-pills">
<li><asp:HyperLink ID="en" runat="server" NavigateUrl="~/Default.aspx" data-toggle="tab" /></li>
<li><asp:HyperLink ID="fr" runat="server" NavigateUrl="~/Default.aspx?lang=fr" data-toggle="tab" /></li>
</ul>

单击“英语”链接可以正常工作。单击“Francais”链接失败。看来 jquery 不喜欢 NavigateUrl 中的 querystring 参数。

有什么解决方法吗？

【问题讨论】：

如何失败了？

【参考方案1】：

改用anchors：

<a id="us" href='<%: ResolveUrl("~/About.aspx") %>' data-toggle="tab">USA</a>
<a id="fr" href='<%: ResolveUrl("~/About.aspx?lang=fr") %>' data-toggle="tab">France</a>