Question

我正在尝试按下按钮时重置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。

我知道这是重置滑块的正确命令，因为我问了here。

编辑：这是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>

按钮单击时jQuery移动滑块重置

0 个答案: