葉戈爾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，並初始化後，才與

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

它適用於所有瀏覽器3 Ajax調用，但沒有適當的對，格式和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); 
}