2016-06-14 72 views
4

我只是在學習如何編寫Javascript。我被告知,這是如何包括jQuery和jQuery的手機:Jquery 3.0.0與Jquery Mobile不兼容?

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" 
     href="css/jquery.mobile-1.4.5.min.css"> 
    <script src="scripts/jquery-3.0.0.min.js"> 
    </script> 
    <script 
    src="scripts/jquery.mobile-1.4.5.min.js"> 
    </script> 
</head> 
<body> 
    <div data-role="page"> 
    <div data-role=header>My Page</div> 
    <div data-role="content"> 
     <label for="entry">Enter a number:</label> 
     <input type='number' name='entry' id='entry' min='0'> 
     <button>My button</button> 
    </div> 
    </div> 
</body> 
</html> 

上面的頁面不呈現移動樣式;它看起來像純html。但是,如果我將jquery庫更改爲2.2.4(兩者均存在於腳本文件夾中),它將起作用,文本框和按鈕看起來像是一個移動應用程序,控制檯中沒有錯誤。這裏有不兼容嗎?此外,當我使用3.0.0控制檯說:TypeError:a.event.props是未定義的。我只是好奇這裏發生了什麼,爲什麼我必須使用舊的jQuery。

+1

JQM官方只支持JQuery的最多的2.1.x'(jQuery的1.8 - 1.11/2.1)'你甚至可能會遇到問題如果您將JQM與JQuery 2.2.x結合使用請參閱官方網站:https://jquerymobile.com/ - 您還可以在其github頁面上找到有關此問題的更多信息:https://github.com/jquery/jquery -mobile/issues/ –

回答

2

jQuery 3全部是five days old。它也打破了some thingsjQuery Migrate,在前面的鏈接中都提到過,MIGHT可以讓你的設置工作,但是不要考慮這條線索。

+0

是的,這是有道理的。感謝澄清這一點。 – user332521

+0

這是2018年,仍然是同樣的問題 –

+0

是的,這的確是 –