ajax更新后更新sIFR文本

发布于 2024-09-18 13:50:15 字数 289 浏览 9 评论 0原文

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

请提出一个解决方案。

这是我的更新代码

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

原文

I am using sIFR version 3 in my site. I am updating the text in a div with id 'points' from an ajax request. I want to update the text and apply the sIFR to that div after the text is changed.

Please suggest a solution.

here is my update code

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

白昼 2024-09-25 13:50:16

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

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

applySIFR()；函数再次应用所有 sIFR 替换。我认为从元素中删除类“sIFR-replaced”是使其工作的关键。

Thanks for your comments . I figured out a way to use sIFR after Ajax update.

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

the applySIFR(); function apply all the sIFR replacements once again.I think removing the class 'sIFR-replaced' from the element is the key to make it work.

回复收藏 0 原文

呆橘 2024-09-25 13:50:15

像这样的东西：

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

Something like this:

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

回复收藏 0 原文

秉烛思 2024-09-25 13:50:15

第一步，用 jQuery 替换 sIFR 的 parseSelector，当您编写以下内容时，它也适用于 Prototype ：

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

Step one, replace sIFR's parseSelector with jQuery which works for Prototype as well when you write the following instead:

var parseSelector = $; // prototypes querySelectorAll implementation.

This gives you more selector power in sIFR, because it's default implementation is rather limited.

Read 'sIFR3 documentation' how to use sIFR3.

You should now have all jQuery selectors available in your sIFR instance, so next is to be creative.

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

回复收藏 0 原文

~没有更多了~