Bootstrap导航栏和标签页tab 联动问题

恰烂饭的人

于 2019-04-16 16:52:38 发布

阅读量1.7k

点赞数 1

本文链接：https://blog.csdn.net/qq_34188012/article/details/89336886

版权

Bootstrap导航栏和标签页tab 联动问题

分三步：

1.头部移动设备 data-target目标值 #demo-navbar 和导航栏id值相同

2。标签页设置id=" tab-list"

3.脚本

//    标签页和导航栏联动
    $(document).ready(function(){
        $("#demo-navbar .dropdown-menu a").click(function(){
            var href =$(this).attr("href");
            $("#tab-list a[href='" + href +"']").tab("show");
        });
    });