4

ボタンのクリックに基づいてjQueryスライダーの値をリセットまたは変更しようとしていますが、うまくいきません。私は何を間違っていますか？

http://jsfiddle.net/yXXVr/

<input class="ui-hidden-accessible" type="range" name="slider1" id="slider1" value="50" min="0" max="100" animate="true" />
<br/>
<br>
<input class="ui-hidden-accessible" type="range" name="slider2" id="slider2" value="50" min="0" max="100" animate="true" />
<br/>
<input type="button" data-theme="a" id="go-back" value="Done"></input>

$('#go-back').click(function () {
    $("#slider1").val(50).refresh();
}
4

3 に答える 3

9

jsFiddle の内容にいくつか問題がありました。いくつかの構文エラーと、[完了] ボタン用に追加のクリック ハンドラーが定義されていました。

<input class="ui-hidden-accessible" data-track-theme="b" data-theme="a" type="range" name="slider1" id="slider1" value="50" min="0" max="100" animate="true" />
<br/>
<br>
<input class="ui-hidden-accessible" data-track-theme="b" data-theme="a" type="range" name="slider2" id="slider2" value="50" min="0" max="100" animate="true" />
<br/>
<input type="button" data-theme="a" id="go-back" value="Done" ></input>

次に、JS では、最後に閉じ括弧とセミコロンが.refresh()なく、代わりに呼び出していました.slider("refresh")

$('#go-back').click(function () {
    debugger;
    $("#slider1").val(50).slider("refresh");
});

作業サンプルについては、この更新されたフィドルを確認してください。

http://jsfiddle.net/yXXVr/2/

于 2013-07-13T07:13:24.360 に答える
1

いくつかのこと:

まず、onclickデモから削除します。

<input type="button" data-theme="a" id="go-back" value="Done" onclick="minbutton_clicked()"></input>

に

<input type="button" data-theme="a" id="go-back" value="Done"></input>

次に、.click()関数を閉じていません。

$('#go-back').click(function () {
    $("#slider1").val(50).refresh();
} 
 ^----- need )

第三に、.refresh()存在しません。使用する必要がありますrefresh method：

$('#go-back').click(function () {
    $("#slider1").val(50).slider("refresh");
});

デモ: http://jsfiddle.net/dirtyd77/yXXVr/3/

于 2013-07-13T07:08:55.500 に答える