-
<!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>查看全部 -
想要header和footer不隨著頁面滑動而動的話，就要在header后面加上data-position="fixed"
查看全部 -
Ajax跨域資源共享
查看全部 -
jqm Ajax
查看全部 -
Ajax跨域
查看全部 -
jq 事件使用
查看全部 -
jqm 事件
查看全部 -
jqm 事件 為移動瀏覽定制的事件
查看全部 -
jqm 事件
查看全部 -
jqm 表格 回流表格模式
查看全部 -
jqm 表格
查看全部 -
jqm 列表
查看全部 -
按鈕樣式~
查看全部 -
Page Load/Unload
查看全部 -
jqm 頁面過渡事件
查看全部 -
jqm 頁面加載事件
查看全部
舉報
0/150
提交
取消