由于 Bootstrap Tabs 不兼容而失去 javascript 功能

Question

我正在使用 VS2015、JQuery 2.2.4 和 Bootstrap 3.3.7 工作，但 Bootstrap 选项卡组件存在问题，因为当我单击它们时没有显示我的下拉菜单。我总共有 5 个选项卡，其中一些选项卡的页眉和页脚的下拉对象可以正常工作，但是如果单击其他选项卡，它们就会停止工作

 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


<environment names="Development">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


    <link rel="stylesheet" href="~/css/site.css" />
    <link rel="stylesheet" href="~/css/header.css" />
    <link href="~/css/Video.css" rel="stylesheet" />
    <link href="//vjs.zencdn.net/6.2.0/video-js.min.css" rel="stylesheet"/>        
    <link rel="shortcut icon" href="~/images/favicon_azul-gris32px.png" />
</environment>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="~/lib/bootstrap-treeview/src/js/bootstrap-treeview.js"></script>
<script src="//vjs.zencdn.net/6.2.0/video.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.8.0/videojs-contrib-hls.min.js"></script>      
<script src="~/js/site.js"></script>

下拉：

<li class="dropdown">
                                    <a id="username_dropdown" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                        @UserManager.GetUserAsync(User).Result.Name
                                        <span class="caret"></span>

                                    </a>
                                    <ul class="dropdown-menu" id="dropdown-account">
                                        <li id="menu-li-group">
                                            <a asp-area="" asp-controller="Groups" asp-action="Index">
                                                <img id="img-li-group" class="menu-icons-account" src="~/images/home-usermenu/UM_groups_inactive.png" />
                                                @Localizer["Groups"]
                                            </a>
                                        </li>
                                        <li id="menu-li-users">
                                            <a asp-controller="ApplicationUsers" asp-action="Index">
                                                <img id="img-li-users" class="menu-icons-account" src="~/images/home-usermenu/UM_users_inactive.png" />
                                                @Localizer["Users"]
                                            </a>
                                        </li>

                                        <li id="menu-li-log">
                                            <a asp-area="" asp-controller="LogAdminTasks" asp-action="Index">
                                                <img id="img-li-log" class="menu-icons-account" src="~/images/home-usermenu/UM_log_inactive.png" />
                                                @Localizer["Activity Log"]
                                            </a>
                                        </li>

                                        <li id="menu-li-profile">
                                            <a asp-area="" asp-controller="Manage" asp-action="ChangePassword">
                                                <img id="img-li-profile" class="menu-icons-account" src="~/images/home-usermenu/UM_edit_inactive.png" />
                                                @Localizer["Modify Profile"]
                                            </a>
                                        </li>

                                        <li id="menu-li-openapp">
                                            <a id="openNac" style="cursor: pointer;">
                                                <img id="img-li-openapp" class="menu-icons-account" src="~/images/home-usermenu/UM_sharimg_inactive.png" />
                                                @Localizer["Open Sharimg"]
                                            </a>
                                        </li>
                                        <li id="menu-li-logoff">
                                            <a style="cursor: pointer;">
                                                <img id="img-li-logoff" class="menu-icons-account" src="~/images/home-usermenu/UM_logout_inactive.png" />

                                                <button id="btn_submit" type="submit" style="color:black" class="btn btn-link pull-right">@Localizer["Log off"]</button>
                                            </a>
                                        </li>
                                    </ul>
                                </li>

在我还为 Bootstrap 工具提示和鼠标悬停图标释放 javascript 功能之前

Answer 1

我的 Bootstrap 版本和 Jquery 之间没有任何不兼容。

我有 2 个问题：

1- 我在关闭主布局 .cshtml 文件中的 <body> 标记之前加载了所有 js 库，因此我无法在部分视图中执行 Jquery 代码，我只是在 <header> 之后更改了我加载所有的位置.js 文件

2 - 由于这个错误，我尝试在部分视图中再次加载所有 JS 文件，尽管这在控制台中没有显示任何错误，但它会像 Bootstrap 下拉菜单那样停止某些功能