jQuery Mobile是一款為移動設備設計的基于jQuery核心的Web應用程序框架，可以幫助開發(fā)者快速實現(xiàn)響應式和易于使用的Web應用程序。其中滑動是常見的手勢操作之一，下面介紹如何用jQuery Mobile實現(xiàn)滑動。
首先，在頭部引入jQuery、jQuery Mobile庫：
<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery Mobile Demo</title> <link rel="stylesheet" > <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head>
然后，用data-role="page"創(chuàng)建一個頁面容器，并在其中添加data-role="content"的元素作為內容區(qū)域。需要滑動的元素可以放到內容區(qū)域中：
<div data-role="page"> <div data-role="header"> <h1>jQuery Mobile Demo</h1> </div> <div data-role="content"> <p>滑動我吧！</p> </div> </div>
最后，使用jQuery Mobile提供的swipeleft和swiperight事件來實現(xiàn)滑動效果：
$('[data-role="page"]').on('swipeleft',function(event,ui){
// 左滑事件處理
alert('左滑！');
});
$('[data-role="page"]').on('swiperight',function(event,ui){
// 右滑事件處理
alert('右滑！');
});通過以上步驟，就能夠輕松在jQuery Mobile中實現(xiàn)滑動效果了。