0

我正在使用 egorkhmelev 的 https://github.com/egorkhmelev/jslider(日期为 2012 年 10 月 10 日),但无法以编程方式初始化 jslider 实例。我也在使用 jQuery 1.9.1 和完整的 jQuery-ui 1.10.3(都缩小了)

我在 Egor 的文档和本网站的参考资料中看到过,$(elementID).slider("value", value, value)但是当我将它放在构建 jslider 的后续语句中的 document.ready 函数中时,jQuery 1.9.1 报告

Error: cannot call methods on slider prior to initialisation; attempted to call method 'value'

如果我将.slider("value"...)代码行移到 document.ready 函数之外,则不会生成此错误,但它也不会执行任何操作。我已经在 doc.ready 内外尝试了.j ,但是虽然它不会产生错误,但它也没有设置默认值。slider("value"...)

我也尝试在 jslider 初始化中指定一个“值”选项,但这也没有效果。

有创意,我也试过

$('input[id=timeSlider]').val(defaultValue);
$('#timeSlider').slider("value",defaultValue);

$('#timeSlider').html($('#timeSlider').html().replace(/value=\d+/,'value='+defaultValue));

两者都没有任何效果。 .html()在 doc ready 中什么也不返回。

我发现我必须value=NN在 HTML 中包含一个参数,否则我会得到一个uncaught exception: jquery.slider: INPUT element does not have a value.

我已经尝试过并且我已经搜索过答案,但我无法解决这个问题。如果我遗漏了明显的内容,我深表歉意。

的HTML:

<span style="display: inline-block; width: 270px; padding: 1em 1em 1.5em 1em;">
<input id="timeSlider" type="slider" name="timeSlide" value=15 />
</span>

Javascript(来自文档就绪函数):

$('#timeSlider').jslider({
        从: 0,
        至:600,
        异质性:['25/10', '50/20', '75/120'],
        步骤1,
        第1轮,
        限制:假,
        尺度:['∞', '|', 10, '|', '20', '|', 120, '|', 600],
        方面',
        皮肤:“塑料”,
        onstatechange:函数(值){
            默认值 = 值;
        }
    });

其中defaultValue是一个全局变量。

谢谢你。

4

0 回答 0