深みのある画像に接続されているスライダーがあるページがあります。そのスライダはjQueryスライダのプラグインを使用しています。このスライダをモバイルフレンドリーにしたいと思います。 静的なモバイルスライダーを追加するだけで始めました。私はjQueryのモバイル用CSSやJSを追加し、そのようにinput[type="range"]
を挿入:jQuery Mobile Sliderが間違ったコードを出力しています
<input type="range" id="zoomRange" value="25" min="0" max="100" />
私はそれが絶対に必要というわけではないことがわかりましたので、私はラベルを追加しませんでした。次のように とDOMで出力されたコードは、次のとおりです。
<input type="number" data-type="range" max="100" min="0" value="25" id="zoomRange"
class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all ui-input-text ui-body-c ui-shadow-inset">
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all ui-link" style="left: 0%;"></a>
はここで何が起こっているかを熟知誰ですか?