jQuery Mobile 触摸大事实例_

1、jQuery Mobile 触摸大事实例_ 这篇文章主要演示了5个jQuery Mobile 触摸大事实例,需要的伴侣可以参考下。 触摸大事在用户触摸屏幕（页面）时触发。 必需引入jQuery库和jQuery Mobile库，如下： script src= script src= 1.jQuery Mobile 点击 点击大事在用户点击元素时触发。 如下实例：当点击 p 元素时，隐蔽当前的 p 元素： 代码如下: script $(document).on(pagecreate,#pageone,function() $(p).on(tap,function() $(this).hide();

2、 ); ); /script div data-role=main class=ui-content p敲击我，我会消逝。/p p敲击我，我会消逝。/p p敲击我，我也会消逝。/p /div 2.jQuery Mobile 点击不放（长按） 点击不放（长按） 大事在点击并不放（大约一秒）后触发 代码如下: script $(document).on(pagecreate,#pageone,function() $(p).on(taphold,function() $(this).hide(); ); ); /script div data-role=main class=ui-content

3、p假如您敲击并保持一秒钟，我会消逝。/p p敲击并保持住，我会消逝。/p p敲击并保持住，我也会消逝。/p /div 3.jQuery Mobile 滑动 滑动大事是在用户一秒内水平拖拽大于30PX，或者纵向拖曳小于20px的大事发生时触发的大事： 代码如下: script $(document).on(pagecreate,#pageone,function() $(p).on(swipe,function() $(span).text(滑动检测!); ); ); /script div data-role=main class=ui-content p在下面的文本或方框上滑动。/p p s

4、tyle=border:1px solid black;height:200px;width:200px;/p pspan style=color:red/span/p /div 4.jQuery Mobile 向左滑动 向左滑动大事在用户向左拖动元素大于30px时触发： 代码如下: script $(document).on(pagecreate,#pageone,function() $(p).on(swipeleft,function() alert(您向左滑动!); ); ); /script div data-role=main class=ui-content p style=border:1px solid black;margin:5px;向左滑动 - 不要超出边框！/p /div 5.jQuery Mobile 向右滑动 向右滑动大事在用户向右拖动元素大于30px时触发： 代码如下: script $(document).on(pagecreate,#pageone,function() $(p).on(swiperight,function() alert(向右滑动!); ); ); /script div data-role=main class=ui-content p style=bor