0

jQuery モバイルでデュアル rangeslider を作成するのに苦労しています。jQuery Mobile ドキュメントから次の提案されたコードを実装すると、2 つの別個のスライダーが互いの下に表示されます。

<div data-role="fieldcontain">
    <div data-role="rangeslider" data-mini="true">
        <label for="range-8a">Rangeslider:</label>
        <input type="range" name="range-8a" id="range-8a" min="0" max="100" value="0">
        <label for="range-8b">Rangeslider:</label>
        <input type="range" name="range-8b" id="range-8b" min="0" max="100" value="100">
    </div>
</div>

jQuery UI は、ユーザーがまだキャッシュしていない場合にダウンロードする必要がある別のフレームワーク (および非常に大きなフレームワーク) になるため、理想的には jQuery UI から離れたいと考えています。アプリケーションをできるだけ軽量に保つようにしています。おそらく私は私の実装で何か間違ったことをしていますか?

4

1 に答える 1

1

あなたのコメントに基づくと、問題は間違ったバージョンの jQuery Mobile を使用していることです。レンジスライダーは、現在ベータ版の 1.3.0 バージョンの新機能です。したがって、この新機能を使用する場合は、そのバージョンを使用する必要があります。

于 2013-02-10T21:47:40.010 に答える