JQuery 简单滑块

Question

我有一个 jQuery simple-slider 设置。到目前为止，滑块工作正常。下面是用于创建滑块的代码：

<li id="amountSlider">
    <input id="lending" class="slider amount" type="text" data-slider="true" data-slider-highlight="true" data-slider-range="1000,10000" data-slider-step="250" />
    <p>
        <strong>
            £
            <span class="output amount">1000.00</span>
        </strong>
    </p>
</li>

和

<script src="/javascript/simple-slider.min.js" type="text/javascript" charset="utf-8"></script>

我现在正在尝试为滑块设置一个默认值，但它不起作用。我有：

$("#lending").bind("slider:ready", function (event, data) {
    var selector = $('#lending');
    selector.simpleSlider("setValue", 2500);
});

我知道这是在触发，就像我使用它显示的警告框一样。我得到的错误是：

Uncaught TypeError: Cannot read property 'setValue' of undefined

我不知道为什么这行不通。据我所知，我已经正确执行了所有说明。我也查看了simple-slider-min.js文件，方法如下：

simpleSlider: function(){
    var t, r, i;
    return i = arguments[0],
        t = 2 <= arguments.length ? __slice.call(arguments, 1) : [],
        r = [ "setRatio", "setValue" ],
        e(this).each

所以我的想法是选择器未定义，所以我试过：

$("#lending").bind("slider:ready", function (event, data) {
    var selector = document.getElementById('lending');
    selector.simpleSlider("setValue", 2500);
});

这给出了以下错误：

Uncaught TypeError: selector.simpleSlider is not a function

但它是一个函数，我在JS代码中找到了！我没主意了，有什么 suggestions/experience 吗？

Answer 1

只需在 $(document).ready(); 函数中提供即可！

$(document).ready(function () {
    var selector = $('#lending');
    selector.simpleSlider("setValue", 2500);
});

@import url("http://loopj.com/jquery-simple-slider/css/simple-slider.css");
@import url("http://loopj.com/jquery-simple-slider/css/simple-slider-volume.css");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://loopj.com/jquery-simple-slider/js/simple-slider.js"></script>
<li id="amountSlider">
  <input id="lending" class="slider amount" type="text" data-slider="true" data-slider-highlight="true" data-slider-range="1000,10000" data-slider-step="250" />
  <p><strong>£<span class="output amount">1000.00</span></strong></p>
</li>

JQuery 简单滑块

JQuery simple-slider

javascript

jquery

slider