【问题标题】:ASP.NET create link to toggled contentASP.NET 创建切换内容的链接
【发布时间】:2014-07-19 03:19:42
【问题描述】:

我正在使用引导程序和 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)%>

它链接到的 url 与我将鼠标悬停在 D2 上时看到的链接相同,因此该 url 的创建工作正常,它只是不适合 css,有什么想法吗?

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

【问题讨论】:

    标签: css asp.net twitter-bootstrap hyperlink toggle


    【解决方案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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-10
      • 2012-11-23
      • 2016-11-25
      • 2011-11-04
      • 1970-01-01
      • 2015-11-03
      相关资源
      最近更新 更多