Jquerymobile：标签文本不随滑块值而变化

Question

您好，在我的jquery移动应用程序中，我试图更改标签文本移动JQM滑块，在jsfiddle它工作正常，当我尝试在浏览器上运行时没有任何工作。 以下是我的代码：

<label for="slider">choose:</label>
    <input type="range" name="slider" id="slider" value="0" min="0" max="5"  />
     <label id="sliderlabel">Strongly Agree</label>

以下是我的剧本

<script type="text/javascript"> 
    $("#slider").change(function() {
    sVal = $(this).val();

    if(sVal ==1 ) {

        $('#sliderlabel').text('Neither agree nor disagree');
    }   
});
</script>

不确定我在做什么错。任何帮助表示赞赏。

Answer 1

尝试使用：

$(document).on('pagecreate', function() {
    $("#slider").change(function () {
        sVal = $(this).val();

        if (sVal == 1) {

            $('#sliderlabel').text('Neither agree nor disagree');
        }
    });
});