Question

我在我的网站上使用sIFR版本3。我正在更新来自ajax请求的id为'points'的div中的文本。我想更新文本并在文本更改后将sIFR应用于该div。

请提出解决方案。

这是我的更新代码

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

Answer 1

第一步，replace sIFR's parseSelector with jQuery适用于原型，当您编写以下代码时：

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

这为sIFR提供了更多的选择器功能，因为它的默认实现相当有限。

阅读'sIFR3 documentation'如何使用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.
        });
    }
});

Answer 2

这样的事情：

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

Answer 3

感谢您的评论。我想出了一种在Ajax更新后使用sIFR的方法。

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

applySIFR（）;函数再次应用所有sIFR替换。我认为从元素中删除类'sIFR替换'是使其工作的关键。

更新ajax后更新sIFR文本

3 个答案: