2016-06-21 164 views
16

介紹引導的JavaScript需要jQuery的版本1.9.1或更高,但低於3版

我與framework.I我目前正在對「引導標籤」(隱藏/顯示)引導工作。我我使用引導版本3和jquery版本3.0.2的東西。

問題

我的標籤不工作,除非我加載的版本的jQuery小於1.6.But然後阿賈克斯與jQuery低於1.6決策問題。 Chrome控制檯給我這個錯誤。

bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3

我嘗試了不同的回退技術,但無法正確實施。

我被困在這裏2天,如果有人有任何想法或任何參考,請做help.Thanks你的時間。

+2

使用'jquery.migrate.js'或者同時使用這兩個版本並聲明'$ .noConflict' –

回答

11

目前引導3.x中不支持的jQuery 3.x的報告如下:https://github.com/twbs/bootstrap/issues/16834

這個問題的原因是:

jQuery 3 is more strict than jQuery 2. It's like XHTML and HTML. Backward compatibility is preserved and code doesn't look like a mess. If I'm not mistaken, all you need to do is replace show() and hide() functions with .css('display', '') or addClass('hidden') and fix a selector in alert.js (QUnit fails on this line because $('#') is invalid in jQuery 3)

它被固定在引導3.3.7發佈:https://github.com/twbs/bootstrap/issues/16834#issuecomment-225039913

+0

感謝您的回答,+1請求幫助 –

+2

@IrvinDominin將jquery升級到3.2.1並將Bootstrap升級到'v4.0.0 'VS2017'中的'alpha.6'我仍然收到同樣的錯誤。有什麼建議麼? – nam

3

如果使用鮑爾來管理你的JavaScript包,jQuery的排除3.0則應指定的jQuery喜歡的版本:

"jquery": "^2.2" 

在您的bower.json

bower.jsonjquery-ui的包裝具有以下行:

"jquery": ">=1.6" 

因爲它的鮑爾安裝最新版本的jQuery,這會導致你的問題。

注意的jQuery 3.0發佈的6月9日,2016年

+0

感謝您的回覆,是的,我解決了問題,+1幫助 –

3

什麼解決bootstrap.js之前,我的問題是實際加載的jQuery更低的版本,然後bootstrap.js解決conflicts.Above後加載的jQuery更高版本是我的例子

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="~/App_Theme/bootstrap/js/bootstrap.min.js"></script> 
<script> 
    var $j = jQuery.noConflict(); 
</script> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 
<script> 
    var $ = jQuery.noConflict(); 
</script> 
1

至於我,一切都很簡單。這都是關於隊列鏈接文件的。我需要移動這樣的鏈接:

<head> 
    <script src="js/jquery1.9.1.js"></script> 
    <script src="js/bootstrap.js"> </script>  
</head> 

畢竟 - 它的工作非常好。

1

我有同樣的問題,我沒有在我的網頁jQuery 1.8.2。我通過更改版本的jquery在包解決我的問題。配置

變化

<package id="AspNet.ScriptManager.jQuery" version="1.8.2" targetFramework="net45" /> 
<package id="jQuery" version="1.8.2" targetFramework="net45" /> 

<package id="AspNet.ScriptManager.jQuery" version="2.1.4" targetFramework="net45" /> 
<package id="jQuery" version="2.1.4" targetFramework="net45" /> 

我的jQuery的版本是2.1.4

1

因此,我不得不引導的新版本,但由於某種原因,分版仍然是舊版本,它不支持JQuery 3.我刪除了縮小的引導程序JS然後提醒新的引導strap.js並部署,問題就消失了。

相關問題