我已经解决了这个问题,我只是张贴帮助别人节省一些时间.
我正在使用unslider作为一个商业网站,我正在做出响应的网站,所以添加触摸支持的滑块的功能是吸引人的.不幸的是,作者声称,它不会直接开箱即用.
解决方法
@H_301_7@ UPDATE我使用的unslider插件已经过时了.我从我第一次发现它(它仍然是一个过时的版本)从unslider.com下载它,因此我有困难.
如果您需要获取最新版本,请访问:https://github.com/idiot/unslider/
如果您想查看我的问题报告:https://github.com/idiot/unslider/issues/69
问题是作者在4个月内没有更新他的项目,从那时起,滑动事件已从$.event.swipe移动到$.event.special.swipe.
问题发生在unslider插件的第108行,它会测试滑动插件的存在.
108: if($.event.swipe) { 109: this.el.on('swipeleft',_.prev).on('swiperight',_.next);
只需将其更改为:
108: if($.event.special.swipe) { 109: this.el.on('swipeleft',_.next);
这是一个简单的修复,但会采取一些搜索来弄清楚.
如果你想确保它可以使用早期版本,你可以这样做:
108: if($.event.special.swipe || $.event.special.swipe) { 109: this.el.on('swipeleft',_.next);
但我不建议这样.
此外,作者没有提到这一点,但是滑动插件页面,除了脚本中的jquery.event.swipe之外,还需要包含jquery.event.move.
我希望这有助于某人:)
要回答下面的评论:
<script type="text/javascript" src="/scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/scripts/jquery.event.move.js"></script> <script type="text/javascript" src="/scripts/jquery.event.swipe.js"></script> <script type="text/javascript" src="/scripts/unslider.min.js"></script>