我正在使用 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
是一个全局变量。
谢谢你。