我已经列出下面的方法,可能会有更多!
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');
});