css - ASP.NET 创建指向切换内容的链接

Question

我正在使用 bootstrap 和 asp.net。我有一个切换数据来切换页面上显示的内容。我想在其他页面上创建链接，这些链接会转到此页面并自动显示指定的 View 。目前，我的链接只是将我带到该页面，但仍显示 D1，而不是 D2。

查看:

<h2>
    SOO Sample</h2>
<hr />
<div class="row">
    <div class="span3">
        <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#D1" data-toggle="tab">Active</a></li>
            <li><a href="#D2" data-toggle="tab">What I want to be active If i click on a d2 link to this page.</a></li>
    </div>
    <div class="span9">
        <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane fade in active" id="D1">

                <p>showing</p>
            </div>
            <div class="tab-pane fade" id="D2">

                <p> show me if I came to this pagae from a different link.</p>
            </div>

        </div>
    </div>
</div>

这是我发现我认为应该可行的方法。

<%: Html.ActionLink("No Click me instead", "action", "Controller", null, null, "D2", null, null)%>

它链接到的 url 与我将鼠标悬停在 D2 上时看到的链接相同，因此 url 的创建工作正常，只是不能很好地使用 css，有什么想法吗？

它创建的链接:http://localhost:numbers/dir/action#D2

Answer 1

这个脚本完成了工作。

 <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                var url = document.location.toString();
                if (url.match('#')) {
                    $('.nav-pills a[href=#' + url.split('#')[1] + ']').tab('show');
                }
            });
    </script>