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);
}

Egor Khmelev滑块适用于FF，不适用于Chrome或IE

1 个答案: