jquery - 使用引导程序的导航活动类不适用于动态数据

Question

我是 javascript 开发的新手，所以请多多包涵。

我已经使用 jquery 从服务器加载了引导导航项。这是我的 js 代码的样子。

$.ajax({
    url: url,
    success: function (data) {

        $.each(data, function (key, val) {

            if (val.MenuId == 1) {
                $('<li class="active" ><a href="#' + val.Title + '">' + val.Title + '</a></li>').appendTo('#menus');
            } else {
                $('<li ><a href="#' + val.Title + '">' + val.Title + '</a></li>').appendTo('#menus');
            }

        });
    },
    error: function () {
        //alert("Failed to get menus...");
    }
});

我可以在导航栏中看到菜单项，我的默认项设置为“活动”。但问题是 bootsrap 的其余 css 似乎在这里不起作用，例如当我点击其他菜单项时，“活动”类不再起作用，当我在导航栏中有菜单时显然不是这种情况客户端。有人可以告诉我我在这里做错了什么。提前致谢。

Answer 1

尝试包括：-

 data-toggle="tab"

作为锚标记中的属性。

这就是完全渲染的锚标记的样子。

<a href="#Main" data-toggle="tab">Main</a>