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

Question

这是html

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

如果我在文档中初始化。

$('#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);
}