0

MJQuery スライダーを使用しています。モバイル JQuery を使用している場合、スライダーのステップ インクリメントが機能しません。モバイルJQueryを使わないバージョンのページです。この場合、範囲内の任意のポイントにスライダー コントロールを配置することはできません。

http://users.ecs.soton.ac.uk/smaj08r/vidtest/indexNotMJQ.html

コード：

<html>
<script src="jquery-1.8.3.js"></script>
 </head>
<body>
This is slider without MJQuery
 <input type="range" name="slider-step" id="slider-step" value="2" min="1" max="4" step="1" />
</body>
</html>

次のバージョンでは、モバイル JQuery を使用していますが、スライダー コントロールのステップ インクリメントが機能していません。スライダは、2 つの増分の間の任意の中間点に配置できます。

http://users.ecs.soton.ac.uk/smaj08r/vidtest/indexMJQ.html

コード：

 <html><head>
 <script src="jquery-1.8.3.js"></script>
   <meta name="viewport" content="width=device-width, initial-scale=1"> 
   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
   <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">     
   </script>
</head><body>
<div data-role="page">
    <div data-role="content">
        <input type="range" name="slider-step" id="slider-step" value="20" min="0" max="100" step="20" />
 </div>
 </div>

  </body>
 </html>

モバイル JQuery バージョンでは、スライダーを範囲内の任意の場所に配置できますが、これは間違っています。わからない どうして？助けてください。どうもありがとう、

4

2 に答える 2

1

必要なjQueryMobileマークアップがありません：

<div data-role="page">
    <div data-role="content">
        <input type="range" name="slider-step"
            id="slider-step" value="2" min="1" max="4" step="1" />
    </div>
</div>

スライダーは問題ないように見えます。このステップでは、スライダーではなく値が制限されます。のステップ1はやや無意味です。

于 2013-01-10T19:01:57.700 に答える
0

これは、jQuery Mobile の現在の 1.2 バージョンには当てはまりません。「テスト」ドキュメントはまさにそれです。グーグル検索に出てこなければよかったのに。ライブ ドキュメントは次の場所にあります。

jquerymobile.com/demos/1.2.0/docs/forms/slider

説明したようにスライダーが動作しないことに注意してください。– アンドレア

jquery mobile を使用したスライダーの実際の動作は、これとは異なります。

jquerymobile.com/test/docs/forms/slider/index.html

于 2013-01-11T15:48:19.137 に答える