由于引导选项卡不兼容而丢失javascript功能
我在VS2015、JQuery 2.2.4和Bootstrap 3.3.7中工作,在Bootstrap tabs组件方面存在问题,因为我的下拉菜单在单击它们时没有显示。我总共有5个选项卡,其中一些选项卡页眉和页脚的下拉对象可以正常工作,但如果单击其他选项卡,它们就会停止工作由于引导选项卡不兼容而丢失javascript功能,javascript,jquery,css,visual-studio-2015,twitter-bootstrap-3,Javascript,Jquery,Css,Visual Studio 2015,Twitter Bootstrap 3,我在VS2015、JQuery 2.2.4和Bootstrap 3.3.7中工作,在Bootstrap tabs组件方面存在问题,因为我的下拉菜单在单击它们时没有显示。我总共有5个选项卡,其中一些选项卡页眉和页脚的下拉对象可以正常工作,但如果单击其他选项卡,它们就会停止工作 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> &l
<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>
下拉列表:
<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>
@UserManager.GetUserAsync(User.Result.Name)
-
@定位器[“组”]
-
@定位器[“用户”]
-
@定位器[“活动日志”]
-
@定位器[“修改配置文件”]
-
@定位器[“注销”]
在此之前,我还放松了引导工具提示和鼠标悬停图标的javascript功能
我的引导版本和Jquery之间没有任何不兼容之处 我有两个问题: 1-我在关闭主布局.cshtml文件中的
标记之前加载了所有js库,因此我无法在部分视图中执行Jquery代码,我只是在加载所有.js文件的
之后更改了位置
2-由于此错误,我尝试再次加载部分视图中的所有JS文件,尽管控制台中没有显示任何错误,但由于引导下拉菜单停止了某些功能将其移动到问题区域请仅粘贴相关信息。顺便说一句,Bootstrap3.3.7与jQuery完美结合,事实上,它是建立在jQuery之上的……您希望我分享什么样的代码?我已经读到引导程序与jQuery3有某种不兼容性。我可以在这里补充一点,我必须将jquery代码放在部分视图(MVC)中,而部分视图(MVC)同时放在选项卡中,以使其工作。您应该避免粘贴不相关的代码,这无助于理解问题。您应该附加
堆栈跟踪
或提供一个可复制的示例,而不是粘贴没有说明错误的DOM片段。
<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>