Question

美好的一天，我在asp.net mvc 4＆amp;中使用Bootstrap 3我正试图用bootstrap制作标签。我希望其他页面在单击时重定向到特定选项卡。我是asp.net的新手，所以我无法弄清楚我该怎么做。这是我的代码，

包含标签页（Service_BO.cshtml）

的网页

<div class="container well" style="min-width: 100%; padding-right: 5px;">
    <h3>BO Account Opening</h3><hr style="border-top: 2px solid #096596;" />
    <ul class="nav nav-tabs">
        <li><a href="#bo" role="tab" data-toggle="tab">BO Account Opening</a></li>
        <li><a href="#ipo" role="tab" data-toggle="tab">IPO Application</a></li>
        <li><a href="#smi" role="tab" data-toggle="tab">Share Market Investment</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="bo">
            <p>BO</p>
        </div>
        <div class="tab-pane" id="ipo">
            <p>IPO</p>
        </div>
        <div class="tab-pane" id="smi">
            <p>SMI</p>
        </div>
    </div>
</div>

外部页面（Services.cshtml＆gt;

<div class="col-sm-6 col-md-3">
    <img class="img-rounded img-responsive" src="~/Images/modhumita01.jpg" />
    <a href="@Url.Action("Service_BO", "Home")><h3>BO Account Opening</h3></a>
    <span><b>Open an individual and/or joint account</b></span>
</div>

通过点击其他页面的链接，我有什么办法可以重定向到特定标签吗？如果有人能帮助我，这将是一个拯救生命。 TNX。

Answer 1

您可以解析控制器中的活动选项卡，并将值传递给view（在ViewModel或ViewBag中）。然后你可以使用jquery来设置活动类：

控制器

//empty value or a default
var activeTab = "bo";

//selecting active tab logic here
//...
ViewBag.Active = activeTab;

Service_BO.cshtml

@{
    //value is 'bo', 'ipo' or 'smi'
    string active = ViewBag.Active.ToString(); 
}

<script>
$(function () {
    var selector = '@active';
    $("#" + selector).addClass("active");
});
</script>

Answer 2

可以根据评论

中显示的链接做同样的事情

/* page load */
$(function(){
  var hash = window.location.hash;
  hash && $('ul.nav a[href="' + hash + '"]').tab('show');  


  /* add hash to url when tabs selected (for bookmarking) */
  $('.nav-tabs a').on('shown', function (e) {
      window.location.hash = this.hash;
  });
});

从asp.net中的另一个页面重定向到特定选项卡

2 个答案: