课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程
简介 目录 评价 推荐
  • 宝慕林0017867 2018-09-01 
    <!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>前台页面</title>
      <meta content="width=device-width, initial-scale=1.0" name="viewport" />
      <link href="./css/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
   </head>
   <body>
      <div data-role="page" id="index">
         <div data-role="header">
           <h1>标题</h1>
            <p><a href="#index2" data-transition="none">index</a></p>
         </div>
         <div role="main" class="ui-content">
           <h1>内容</h1>
         </div>
         <div data-role="footer">
           <h1>页脚</h1>
         </div>
      </div>
      <div data-role="page" id="index2">
         <div data-role="header">
            <h1>标题2</h1>
            <p><a href="#index">index</a></p>
         </div>
         <div role="main" class="ui-content">
            <h1>内容3</h1>
         </div>
         <div data-role="footer">
            <h1>页脚3</h1>
         </div>
      </div>
   <script src="./js/jquery.min.js"></script>
   <script src="./js/jquery.mobile-1.4.5.min.js"></script>
    <script>
        $(document).on("pagebeforehide","#index",function () {
            alert(4)
        })
        $(document).on("pagehide","#index",function () {
            alert(4)
        })
        $(document).on("pagebeforeshow","#index2",function () {
            alert(5)
        })
        $(document).on("pageshow","#index2",function () {
            alert(5)
        })
//    $(document).on("pagebeforecreate",function () {
//        alert(1)
//    })
//        $(document).on("pagecreate",function () {
//            alert(2)
//        })
//        $(document).on("pageinit",function () {
//            alert(3)
//        })
   </script>
   </body>
</html>


    0赞 · 0采集
  • 凸凸懿 2018-08-28

    想要header和footer不随着页面滑动而动的话，就要在header后面加上data-position="fixed"

    0赞 · 0采集
  • Sandaydi 2018-06-24

    Ajax跨域资源共享

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm Ajax

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    Ajax跨域

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jq 事件使用

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 事件

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 事件 为移动浏览定制的事件

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 事件

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 表格 回流表格模式

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 表格

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 列表

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    按钮样式~

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    Page Load/Unload

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 页面过渡事件

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 页面加载事件

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 页面初始化事件

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    data-transition的属性值

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jqm 过渡效果

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    标题，内容，页脚

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    基本的页面框架

    截图
    0赞 · 0采集
  • Sandaydi 2018-06-24

    jquery moblie 简介

    截图
    0赞 · 0采集
  • 慕UI9357033 2018-05-16

    https://img3.mukewang.com/5afb9bc20001b62b05980497.jpg

    截图
    0赞 · 0采集
  • youling0106 2018-01-29
    $(document).on("pageinit","#page",function(){})
    0赞 · 0采集
  • youling0106 2018-01-29
    JQM事件
    截图
    0赞 · 0采集
  • youling0106 2018-01-29
    table-stroke给表格增添下划线
    0赞 · 0采集
  • youling0106 2018-01-29
    表格样式
    截图
    0赞 · 0采集
  • youling0106 2018-01-29
    列表中的样式
    截图
    0赞 · 0采集
  • youling0106 2018-01-29
    listview列表，data-inset="true"列表不要贴边的样式
    截图
    0赞 · 0采集
  • youling0106 2018-01-29
    导航栏图标样式
    截图
    0赞 · 0采集
数据加载中...
开始学习 免费