slider - Egor Khmelev 滑块在 FF 中效果很好，而不是在 Chrome 或 IE 中

Question

这是html

<span class='sliderholder'>
<input class='dosetup' type='text' id='headletterspace' name='headletterspace' value="1"></input></span>

如果我在 document.ready 中初始化

$('#headletterspace').slider({ 
    from: 0,
    to: 30,
    dimension: 'px',
    step: 1,
    onstatechange: function(value) {
        webSetup();
    }
});

它在 FF 中运行良好，但在 Chrome 和 IE9 中它显示的滑块没有任何功能。如果我取出该初始化，请保留相同的 html，并仅在使用 ajax 调用后进行初始化

$("#headletterspace").slider("value", data[i].WebData);

它适用于所有 3 个浏览器，但没有正确的 from-to、format 和 onstatechange 功能。

将非常感谢任何帮助。

Answer 1

好的，找到了解决方案。如果我将初始化代码从 document.ready 函数中取出，并将其放在数据行上方 .ajax 调用的回调中，那么在所有三个浏览器中都可以正常工作，假设在页面被调用时调用 .ajax 函数加载。此代码在成功回调中。

if (data[i].WebItem=='headletterspace') {
    $('#headletterspace').slider({ 
        from: 0,
        to: 30,
        dimension: 'px',
        step: 1,
        onstatechange: function(value) {
            webSetup();
        }
    });
    $("#headletterspace").slider("value", data[i].WebData);
}