第四章标签页-白红宇

第四章标签页

阅读量：5736 次

发布时间：2019-06-18

本文共 784 字，大约阅读时间需要 2 分钟。

参考链接：

http://v3.bootcss.com/components/#nav-tabs

http://v3.bootcss.com/javascript/#tabs

一、隐藏的方法实现tab切换

只需为页面元素简单的添加data-toggle="tab" 或 data-toggle="pill"就可以无需写任何JavaScript代码也能激活标签页或胶囊式导航。

为ul添加.nav和.nav-tabs classe即可为其赋予Bootstrap；而添加nav和nav-pills class可以为其赋予。

href和div id必须相对应

二、js方法实时获取新页面，实现tab切换

 实时tab
          
       Time
    
       Date
    
       DateTime
      
@if ((int)ViewBag.Type == 1){    @Html.Partial("Time")}else if ((int)ViewBag.Type == 2){    @Html.Partial("Date")}else{    @Html.Partial("DateTime")}@Html.Hidden("idxVal", (int)ViewBag.Type - 1)

效果图：

转载地址：http://tmrwx.baihongyu.com/

你可能感兴趣的文章

python魔法函数(二）之__getitem__、__len__、__iter__