一些实用的JQueryMobile事件

秀文采   2015-05-06 15:27   175   0  
直接看案例更容易理解
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css“>
<script src=”http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js“></script>
<script src=”http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js“></script>
<script>
$(document).on(“pageinit”,”#pageone”,function(){
  $(“p”).on(“swiperight”,function(){
    alert(“您向右滑动!”);
  });                       
});
</script>
</head>
<body>
 
<div data-role=”page” id=”pageone”>
  <div data-role=”header”>
    <h1>swiperight </h1>
  </div>
 
  <div data-role=”content”>
    <p style=”border:1px solid black;margin:5px;”>向右滑动 – 不要超出边框!</p>
  </div>
 
  <div data-role=”footer”>
    <h1>页脚文本</h1>
  </div>
</div> 
 
</body>
</html>
jQuery Mobile 点击
点击事件在用户点击元素时触发。
如下实例:当点击 <p> 元素时,隐藏当前的 <p> 元素:
实例
$(“p”).on(“tap”,function(){
  $(this).hide();
});
jQuery Mobile 点击不放(长按)
点击不放(长按) 事件在点击并不放(大约一秒)后触发
实例
$(“p”).on(“taphold”,function(){
  $(this).hide();
});
jQuery Mobile 滑动
滑动事件是在用户一秒内水平拖拽大于30PX,或者纵向拖曳小于20px的事件发生时触发的事件:
实例
$(“p”).on(“swipe”,function(){
  $(“span”).text(“Swipe detected!”);
});
jQuery Mobile 向左滑动
向左滑动事件在用户向左拖动元素大于30px时触发:
实例
$(“p”).on(“swipeleft”,function(){
  alert(“You swiped left!”);
});
jQuery Mobile 向右滑动
向右滑动事件在用户向右拖动元素大于30px时触发:
实例
$(“p”).on(“swiperight”,function(){
  alert(“You swiped right!”);
});
如果还有其他问题可以去小艾论坛里寻求帮助