1

このコードはエラーなしで実行され、スライダーが変更されるたびにデバッグコンソールに「**スライダーの変更**」と表示されます。しかし、スライダーの値をキャプチャする方法がわからないため、変数に保存できます。手伝ってもらえますか、それが簡単なことだといいのですが。

$('#page4_Options').live('pageinit', function(event) {

    var slideTime = userOptions.getSlideTime() / 1000; // userOptions is my Object to get/set params from localStorage.

    $("input[id='slider']").val(slideTime).slider("refresh"); // set default slide time when page init's.

    console.log("userOptions.getSlideTime()", userOptions.getSlideTime()); 

    $("#slider").bind("slidestop", function(event, ui) { 
        console.log("** slider change **");
        // How do I capture the new slider value into a var?
     });
});

これがスライダー付きのHTMLで、タグに含まれています。

<div data-role="fieldcontain">
    <label for="slider">Slide Duration (seconds):</label>
    <input type="range" name="slider" id="slider" value="2" min="0" max="60" />
</div>
4

0 に答える 0