jQuery Swipe Event does not work with jQuery 3
jQuery Swipe Event does not work with jQuery 3
我昨天在我的代码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开发者网站
相关文章:
- Using jQuery with classes from ES6
- setTimeout in jQuery with a loop
- JQuery with ajax 不断发布多个结果
- Ajax and jQuery with PHP
- jQuery with Google maps
- Lab.js 和 jQuery with $(window).load(function() 过早触发
- Using jQuery with Aurelia
- django.jQuery with django admin change_form.html
- jquery with WordPress loop
- jQuery with AJAX 只执行一部分代码
- JQuery with css3 keydown keyCode = 37 and 39
- Using Jquery with PHP
- Using jQuery with node.js
- JQuery with Element ID
- Using jquery with OO Javascript
- RE: implementing rest / jquery with JS
- Jquery with Asp.net button
- Load jQuery with RequireJS
- jQuery with Callback and Complete
- Joomla 2.5 jQuery with TinyMCE