AJAXの更新後にSIFRテキストを更新します

Question

私は自分のサイトでSIFRバージョン3を使用しています。 AJAXリクエストからID「ポイント」を備えたDIVのテキストを更新しています。テキストが変更された後、テキストを更新し、そのdivにSIFRを適用したいと思います。

解決策を提案してください。

これが私の更新コードです

new Ajax.Request('score.php', {
    onSuccess: function(response) {
       $('points').update(response.responseText);
    }
    });

Answer 1

コメントしてくれてありがとう 。 Ajaxの更新後にSIFRを使用する方法を見つけました。

new Ajax.Request('score.php', {
        onSuccess: function(response) {
           $('points').update(response.responseText);
           $('points').removeClassName('sIFR-replaced');
           applySIFR();
        }
        });

applysifr（）;関数すべてのSIFRの交換をもう一度適用します。要素からクラスのSIFR複製された 'を削除することは、それを機能させるための鍵であると思います。

Answer 2

このようなもの：

new Ajax.Request('score.php', {
    onSuccess: function(response) {
       $('points').update(response.responseText);
       sIFR.replace(font, {
          selector: '#points'
       });
    }
});

Answer 3

第一歩、 SIFRのパーセセレクターをjQueryに置き換えます 代わりに以下を書くときにもプロトタイプでも機能します。

var parseSelector = $$; // prototypes querySelectorAll implementation.

これにより、SIFRでより多くのセレクターパワーが得られます。これは、デフォルトの実装がかなり限られているためです。

読む 'SIFR3ドキュメント'SIFR3の使用方法。

これで、SIFRインスタンスですべてのjQueryセレクターを利用できるようにする必要があります。次に創造的にすることです。

new Ajax.Request('score.php', {
    onSuccess: function(response) {
        $('points').update(response.responseText);
        sIFR.replace({src:'yourFont.swf'}, { 
            selector: '#points h1' // any selector you want.
        });
    }
});