我已經列出下面的方法,可能會有更多!
1.標籤中的所有操作都應該使用ajax調用完成。
2.使用Html和模型數據操作。
步驟:
一)。在模型中創建一個屬性,「ActiveTab」類型整數
b)。在視圖中,
@{
//We can also use the array
string activeTabCss1 =Model.ActiveTab == 1? "active-tab":String.Empty ;
string activeTabCss2 = Model.ActiveTab == 2? "active-tab":String.Empty ;
string activeTabCss3 = Model.ActiveTab == 3? "active-tab":String.Empty ;
}
<div class="tab @activeTabCss1"></div>
<div class="tab @activeTabCss2"></div>
<div class="tab @activeTabCss3"></div>
3.使用jquery處理DOM元素。
步驟:
一)。按照步驟2.a
b)。在該視圖中,爲ActiveTab創建一個隱藏。
@Html.HiddenFor(m=>m.ActiveTab)
c)。編寫一個以下的JavaScript函數。
$(document).ready(function(){
var activeTab = $("#ActiveTab").val();
$(".tab:nth-child("+activeTab +")").addClass('active-tab');
});