关闭

jQuery Mobile学习笔记02——jQuery Mobile实现监听左右滑动变换图片

标签: jquery mobile网页
847人阅读 评论(1) 收藏 举报
分类:

<--------------------------------------------------------------->

1.效果展示

通过在图片上左右滑动达到切换图片的效果。

 

2.代码

这里我们要借用jQuery Mobile来实现这一功能,因为jQuery中没有自带检测左右滑动这一功能。

将下面这段代码直接放入$(document).ready(function(){ });中,即可监听在“#clothimg”上的左右滑动事件。

 

3.注意:

1当然需要引入jQuery Mobile相关文件。

 

(2)另外在实现改变图片时,要注意指定的图片地址方法,此处因为我将js代码独立于html之外,如果还是使用带 __ROOT__ThinkPHP框架)去指定图片地址,则图片将不会加载成功。


4.拓展:

jQuery Mobile还有很多其他相关触控事件:

1tap 事件在用户敲击某个元素时触发

 

2taphold 事件在用户敲击某个元素并保持一秒时被触发

 

3swipe 事件在用户在某个元素上水平滑动超过 30px 时被触发

 

<--------------------------------------------------------------->

0
1

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:76653次
    • 积分:1911
    • 等级:
    • 排名:千里之外
    • 原创:118篇
    • 转载:0篇
    • 译文:1篇
    • 评论:3条