Question

我使用bootstrap和asp.net。我有一个切换数据来切换页面上显示的内容。我想在其他页面上创建链接，这些链接将转到此页面并自动显示指定的视图。目前，我的链接只是将我带到页面，但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)%>

它链接到的网址与我在用鼠标悬停在D2上时看到的链接相同，因此网址的创建工作正常，它只是不适合用css，任何想法？< / p>

它创建的链接：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>

ASP.NET创建到切换内容的链接

1 个答案: