javascript – jQuery Unslide – Touch不起作用

我已经解决了这个问题,我只是张贴帮助别人节省一些时间.

我正在使用unslider作为一个商业网站,我正在做出响应的网站,所以添加触摸支持的滑块的功能是吸引人的.不幸的是,作者声称,它不会直接开箱即用.

解决方法

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>