javascript - JQuery UI slider 未捕获类型错误 : Cannot read property 'addClass' of undefined

Question

我已经检查了 SO 上的所有问题，但似乎找不到答案。如果我将整数直接放入字段中，那么这是可行的，但我想在设置脚本时动态设置参数

我正在运行 JQuery 1.11.1、JQuery UI 稳定版 (1.11.0) 和 touchpunch。我已经调试过，变量都存在并在调用时初始化。我也试过用相同的结果包装自执行函数。

(滑动功能可以忽略)

这会抛出异常

编辑 我刚刚注意到，如果我单击 slider ，则会抛出异常，但如果我随后按下右箭头键，则不会抛出异常，并且金额会填充 value 属性。我在问题的末尾粘贴了控制台输出。

$("#slider").slider({
            value: parseInt(window.settings.principal.minimum),
            min: parseInt(window.settings.principal.minimum),
            max: parseInt(window.settings.principal.maximum),
            step: parseInt(window.settings.principal.increment),
            slide: function(event, ui) {
                $( "#amount" ).val( "$" + $( "#slider").slider( "value"));
            }
        });

但是这会起作用

$("#slider").slider({
            value: 500,
            min: 500,
            max: 10000,
            step: 500,
            slide: function(event, ui) {
                $( "#amount" ).val( "$" + $( "#slider").slider( "value"));
            }
        });

控制台输出

jQuery("#slider").slider("value"); 
5000
jQuery("#slider").slider("min"); 
Error: no such method 'min' for slider widget instance
jQuery("#slider").slider("minimum"); 
Error: no such method 'minimum' for slider widget instance
jQuery("#slider").slider("max"); 
Error: no such method 'max' for slider widget instance
jQuery("#slider").slider("interval"); 
Error: no such method 'interval' for slider widget instance
jQuery("#slider").slider("step"); 
Error: no such method 'step' for slider widget instance
jQuery("#slider").slider("values"); 
[]

Answer 1

再看看您的变量 (window.settings.principal.*)。我刚刚复制了你的源代码，用我自己的代码替换了它们，它起作用了，所以你的代码似乎没问题。确保它们不仅是有效数字，而且在上下文中有意义。