좋은 하루 되세요, 저는 asp.net mvc 4에서 Bootstrap 3을 사용하고 있으며 부트 스트랩으로 탭을 만들려고합니다. 클릭하면 다른 페이지가 특정 탭으로 리디렉션되기를 원합니다. 나는 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>
<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.
컨트롤러에서 활성 탭을 확인하고 값을 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>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다