ボタンが押されたときに jQuery モバイル スライダーをリセットしようとしています。
フォームのコードは次のとおりです。
<div class="sliders">
<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/>
<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/>
<button data-theme="a" id="go-back">Done Rating</button>
</div>
そして、これが JS です (これは D3 ビジュアライゼーションのコンテキストにあります)。
$('#go-back').click(function () {
//$('#slider1').val(50).slider("refresh");
$('.rate').slideUp();
$('.frame').hide();
_this.transition()
.attr('r', _this.attr('data-r'))
.duration(1000);
});
上記のように、ボタンが押されると正常に動作し、トランジションが実行されます。スライダーをリセットする行のコメントを外すと、ボタンを押してもボタンは何もしません。
私は得てUncaught TypeError: Object [object Object] has no method 'slider
います。
ここで尋ねたので、これがスライダーをリセットする正しいコマンドであることはわかっています。
編集: JS インポートのリストは次のとおりです。
<script type='text/javascript' src='js/csrf-ajax.js'></script>
<script type='text/javascript' src='bootstrap/js/bootstrap.min.js'></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>