zoukankan      html  css  js  c++  java
  • jquery.mobile.js学习

    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">  //引入jquery.mobile的样式
    <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> //引入jquery.mobile的库
    </head>

    1、使用 jQuery Mobile, 你可以在单个 HTML 文件中创建多个不同的页面。可以使用不同的href属性来区分使用同一个唯一id的页面

    2、页面作为对话框使用。对话框是用于显示页面信息显示或者表单信息的输入。在链接中添加data-rel="dialog"让用户点击链接时弹出对话框

    3、jQuery Mobile 页面切换效果 

    <a href="#anylink" data-transition="slide">切换到第二个页面</a>

    提示:上面的所有效果支持后退行为。例如,如果您想要页面从左向右滑动,而不是从右向左滑动,请使用带有 "reverse" 值的 data-direction 属性。在后退按钮上这是默认的。

    实例:<a href="#pagetwo" data-transition="slide" data-direction="reverse">切换</a>

    4、在 jQuery Mobile 中创建按钮

    • 使用 <button> 元素
    • 使用 <input> 元素
    • 使用带有 data-role="button" 的 <a> 元素
  • 相关阅读:
    ProjectEuler 13
    ProjectEuler 8
    ProjectEuler 5
    ProjectEuler 6
    ProjectEuler 7
    ProjectEuler 9
    日程管理系统维护改善1
    日程管理系统改错
    android作业Text
    四则运算
  • 原文地址:https://www.cnblogs.com/yrrong/p/7601657.html
Copyright © 2011-2022 走看看