天天看點

使用jqm時select運用本地元件

   使用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不能固定在底部的辦法

繼續閱讀