0

HTML フォームの入力に jQuery スライダーを使用することに興味があります。

特定の例では、次のように入力として呼び出されます。

<input type="range" name="slider" id="slider-0" value="25" min="0" max="100"  />

ただし、他の例では、次のように呼び出されます。

<head>
<script>
$(function() {
$( "#slider" ).slider();
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
  • これら 2 つのスニペットの機能上の違いは何ですか? 一方は他方よりも優れたカスタマイズを許可しますか (たとえば、最初のコードを使用してスライダーの背景をカスタマイズできますか)?
  • フォームで 2 番目のものを使用したい場合、「隠しフィールド」は必要ですか?
4

2 に答える 2

1

<input type="range"/>は HTML5 入力タイプであるため、最新のブラウザーでのみサポートされます (サポートされているブラウザーのリストについては、このリンクを参照してください)。古いブラウザーでは、範囲入力はテキスト入力として表示されます。範囲タイプの詳細については、MDN のドキュメントを参照してください。

古いブラウザー (IE 9 以下など) をサポートする必要がある場合は、jQuery UI のスライダーまたは別のライブラリを使用する必要があります。これらのライブラリは JavaScript を使用してスライダーを作成しますが、ネイティブの HTMLrangeスライダーとは異なります。

jQuery UI スライダーのドキュメントは、こちら にあります。

于 2013-05-28T14:58:01.067 に答える
0

JavaScriptコードは必要ありません。これを実装するさまざまな方法が存在します。

最初 <input type="range"....................>はjquery livrariasだけが必要で、次にこの作業が必要です。

jquery ライブラリ (最も古いバージョン):

http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css
http://code.jquery.com/jquery-1.9.0.min.js
http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js

スライダーもカスタマイズできます。jquery.mobile-1.3.1.min.css にはスタイルがあり、変更したい場合は、基本的にスタイルシートで次を選択します。

input[type=range]{background-color:black}

等々..

これを理解していただければ幸いです。私の意見では、入力タイプをjqueryライブラリで実装します

于 2013-05-28T14:40:25.017 に答える