jQuery Mobile 觸摸大事實例_

1、jQuery Mobile 觸摸大事實例_ 這篇文章主要演示了5個jQuery Mobile 觸摸大事實例,需要的伴侶可以參考下。 觸摸大事在用戶觸摸屏幕（頁面）時觸發(fā)。 必需引入jQuery庫和jQuery Mobile庫，如下： script src= script src= 1.jQuery Mobile 點擊 點擊大事在用戶點擊元素時觸發(fā)。 如下實例：當點擊 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 點擊不放（長按） 點擊不放（長按） 大事在點擊并不放（大約一秒）后觸發(fā) 代碼如下: 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的大事發(fā)生時觸發(fā)的大事： 代碼如下: 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時觸發(fā)： 代碼如下: 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時觸發(fā)： 代碼如下: script $(document).on(pagecreate,#pageone,function() $(p).on(swiperight,function() alert(向右滑動!); ); ); /script div data-role=main class=ui-content p style=bor