2 回答

TA貢獻1820條經驗 獲得超10個贊
Bootstrap 選項卡的工作方式如下,請注意從nav元素到元素中的選項卡的 href 是如何匹配的tab-content。在href這一背景下引導使用時不是一個動作的鏈接。
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>Some content.</p>
</div>
<div id="menu1" class="tab-pane fade">
@Html.RenderAction("ViewSongAmendments", "SongManagement")
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
<p>Some content in menu 2.</p>
</div>
</div>

TA貢獻1863條經驗 獲得超2個贊
我設法讓它與下面的代碼一起工作。我最終添加了一個變量new { songid = fullAccountCode,fullAccountCode 從模型中提取了一個值。
<div class="page-tabs">
<ul class="nav nav-tabs">
<li class='@(actionName.ToLower() == "viewsongamendments" &&
controllerName.ToLower() == "songsmanagement" ? "active" : "")'>
<a href='@Url.Action("ViewSongAmendments", "SongsManagement", new { songid = fullAccountCode})' data-container="body" data-toggle="tooltip" title="Original">Old Song Details</a>
</li>
<li class='@(actionName.ToLower() == "updatedsongamendments" &&
controllerName.ToLower() == "songsmanagement" ? "active" : "")'>
<a href='@Url.Action("UpdatedSongAmendments", "SongsManagement", new { songid = fullAccountCode})' data-container="body" data-toggle="tooltip" title="Original">Updated Song Details</a>
</li>
</ul>
- 2 回答
- 0 關注
- 202 瀏覽
添加回答
舉報