一些实用的JQueryMobile事件

  • A+
所属分类:HTML5 js

直接看案例更容易理解

<!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!”);
});

如果还有其他问题可以去小艾论坛里寻求帮助

  • 我的微信
  • 扫一扫加关注
  • weinxin
  • 微信公众号
  • 扫一扫加关注
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: