使用jqm的select
如果一個select的option很長,點選select的時候就會跳轉到新的頁面,在這種情況下使用本地的select就可以避免這個問題
<div>
<select data-native-menu="false"> 使用data-native-menu="false"可以不使用jqm的select樣式
<option>one</option>
<option>two</option>
....................
</select>
</div>
使用jqm禁止頁面縮放
使用jqm的三個檔案
<link rel="stylesheet"href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
還要一個不可缺少的就是
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.3, user-scalable=no">
它可以使頁面自适應螢幕,但是有時候螢幕在點選時候會縮放,是以加了user-scalable="no" 禁止縮放,
jqm footer不固定
在用到footer時,點選空白區,footer會上下調跳動,不固定,
<div data-role="content" data-position="fixed"></div>
但是有時候不起作用,還要加上
<div data-role="content" data-position="fixed" data-tap-toggle="false"></div>
如果還不起作用
<div data-role="content" data-position="fixed" data-tap-toggle="false" style="position:fixed"></div>
這樣可以解決footer不能固定在底部的辦法