Question

我有一个webforms网站，我正在使用Bootstrap。我的页脚中有一些链接会链接到不同页面上的各个标签。我的问题是无论在哪个选项卡上指定要打开的链接，它们只会使用默认选项卡加载页面。

我已经使用静态网站多次完成此操作，但从未使用过ASP.NET。我相信问题在于ASP.NET将.aspx添加到每个页面的末尾。

以下是我的尝试：

<a href="/Personal-Banking.aspx#checking">Checking Accounts</a>

因此，我链接到的页面是Personal-Banking.aspx，而我想要打开的标签的ID是#checking。现在所有这一切都是打开个人银行页面并打开默认选项卡，这与#checking选项卡不同。

我尝试删除.aspx，但仍然无法正常打开并且图片全部损坏。

感谢您的帮助。

Answer 1

检查您链接的页面，查看浏览器上的网页来源。该标签的ID是"checking"，还是"MainContent_TabbedPanel_checking"？

不要看你的代码，看看你的浏览器是什么。

Answer 2

以下是用于链接到标签以在asp.net webforms中工作的代码：

<!--Update this to reflect tabs on this page-->
    <script type="text/javascript">
        $(function () {
            var loc = window.location.href; // returns the full URL
            if (/pipe/.test(loc)) {
                $('.pipe').addClass('active');
                $('#pipe').addClass('active');
            }
            else if (/manholes/.test(loc)) {
                $('.manholes').addClass('active');
                $('#manholes').addClass('active');
            }
            else if (/fittings/.test(loc)) {
                $('.fittings').addClass('active');
                $('#fittings').addClass('active');
            }
            else if (/tanks/.test(loc)) {
                $('.tanks').addClass('active');
                $('#tanks').addClass('active');
            }
            else {
                $('.pipe').addClass('active');
                $('#pipe').addClass('active');
            }
        });
    </script>

使用ASP.NET Webforms打开另一页上的特定选项卡

2 个答案: