0

ページで複数の Jquery スライダーを使用しています。ページが読み込まれると、以前に保存された値を読み込みたいため、1 つのスライダーはデフォルトで 25%、別のスライダーは 50% などになります。

ここで同様の質問と解決策を見つけました：

最後に保存された値のJquery UIスライダーハンドル

これは 1 つのスライダーでは問題なく機能しますが、複数のスライダーでは機能しません!

たとえば、私のスライダーコード:

<div class="sliderVal" id="slider1"></div>
<div class="partialOutput" id="partial1" data-parlossval="50">50%</div>

次に私のjquery：

$( ".sliderVal" ).slider({
    value: parseInt(".partialOutput").data("parlossval")),
        min: 0,
        max: 100,
        step: 1,

しかし、これはスライダーに固有のものではありません。次の「$(this)」オブジェクトを使用してみましたが、実行するとスライダーバーが消えます:

$( ".sliderVal" ).slider({
        value: parseInt($(this).(".partialOutput").data("parlossval")),
        min: 0,
        max: 100,
        step: 1,

前もって感謝します....

4

2 に答える 2