-2

我正在從VS2015,JQuery 2.2.4和Bootstrap 3.3.7工作,Bootstrap選項卡組件出現問題,因爲我點擊它們時沒有顯示下拉菜單。我總共有5個標籤頁,其中一些選項卡的下拉在標題對象&頁腳工作正常,但如果點擊其他選項卡,然後他們停止工作由於Bootstrap標籤不兼容導致失去javascript功能

<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> 

DROPDOWN:

<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> 

之前,我也鬆d在圖標

http://imgur.com/a/WHvv2

+0

請僅粘貼相關信息。順便說一句,Bootstrap 3.3.7與jQuery完美配對,事實上,它已經建立在它之上... – Hitmands

+0

你想讓我分享什麼樣的代碼?我已經讀過Bootstrap與JQuery 3有某種不兼容的地方。我可以在這裏添加我必須將jquery代碼放入部分視圖(MVC)中,這些視圖同時位於標籤內部才能正常工作 – Miguel

+0

你應該避免粘貼不相關的代碼,這無助於理解問題。你應該附加'堆棧跟蹤'或者提供一個可重現的例子,而不是粘貼一些DOM,它們對你的錯誤沒有任何說明。 [如何創建最小,完整和可驗證示例](https://stackoverflow.com/help/mcve) – Hitmands

回答

-2

有我的版本引導和jQuery之間沒有不兼容的情況進行引導提示和鼠標的JavaScript功能。

我有2個問題:

,只是改變了位置之後

1 - 我是加載所有的JS庫的主要佈局.cshtml文件關閉<body>標記之前,所以我不能在諧音視圖下執行jQuery代碼我<header>其中我加載所有.js文件

2 - 由於此錯誤,我試圖再次加載所有的JS文件在局部視圖中,儘管這並不顯示任何錯誤在控制檯它停止一些功能作爲引導下拉菜單做了

+0

將其移至問題區域 – Hitmands

相關問題