jQuery Swipe Event does not work with jQuery 3

jQuery Swipe Event does not work with jQuery 3

本文关键字:jQuery with work does Swipe Event not      更新时间:2023-09-26

我昨天在我的代码jQuery移动加载,因为我需要滑动事件来完成一些工作。以下是我的脚本配置(所有脚本都在正文关闭标签之前加载):

<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 Mobile,它没有工作。

JQUERY JAVASCRIPT/

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

提前感谢。

jQuery mobile需要"jQuery 1.8 - 1.11/2.1"。目前不支持jQuery 3。

你可以使用jQuery的迁移插件作为一个解决方案。

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

对于滑动事件,我推荐这个轻量级库:

Tocca.js(约5kb,兼容jquery.js 3.x)代替jQueryMobile(约200kb,不兼容jquery.js 3.x)

同样,根本不需要使用jQuery。它´s可选的。

它很容易实现并且有良好的文档。查看一些示例:

Tocca.js GitHub

Tocca.js开发者网站