2016-10-21 68 views
2

我昨天在我的代碼中加載了jQuery Mobile,因爲我需要滑動事件來完成一些工作。下面是我的腳本配置(接近tag之前所有的腳本加載):jQuery滑動事件不適用於jQuery 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.js" type="application/javascript"></script> 

<script>window.jQuery || document.write('<script src="../js/jquery-3.0.0.min.js" type="application/javascript"><\/script>')</script> 

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script> 

<script type="application/javascript" src="../js/javascript.js" ></script> 

我把下面的代碼在javascript.js(最後一個腳本)只是爲了測試新的jQuery移動和它沒有工作。

JAVASCRIPT/JQUERY

$j("body").on("swiperight", function(){ 
$j("#sidePanel").css("display","none"); 
}); 

在這一點上,我做了一些調試,發現問題是在jQuery的3;如果我加載以前版本的jQuery(2或1),問題不會出現。下面的作品就像一個魅力:

<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous" type="application/javascript"></script> 

<script>window.jQuery || document.write('<script src="../js/jquery-2.2.4.js" type="application/javascript"><\/script>')</script> 

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script> 

<script type="application/javascript" src="../js/javascript.js" ></script> 

問題:爲什麼輕掃事件不會使用jQuery 3工作?

預先感謝您。

+0

那麼爲什麼要用jquery 3 – Mahi

回答

2

jQuery手機需要「jQuery 1.8 - 1.11/2.1」。目前沒有jQuery 3的支持。

您可以使用jQuery Migrate Plugin作爲解決方法。

<script src="https://code.jquery.com/jquery-3.0.0.js"></script> 
<script src="https://code.jquery.com/jquery-migrate-3.0.0.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script> 
<script type="application/javascript" src="../js/javascript.js" ></script>