0

ここに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 関数がありません。

どんな助けにも非常に感謝します。

4

1 に答える 1

0

わかりました、解決策を見つけました。document.ready関数から初期化コードを取り出し、データ行のすぐ上にある.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);
}
于 2012-12-11T01:22:26.697 に答える