Ajax加载后重新加载Cufon，请帮忙

Question

我一直在尝试 cufon.replace - Cufon.refresh 和 Cufon.reload 的所有可能组合，但我似乎无法使其正常工作。当原始页面加载时，cufon 会完成其工作，但是当 Ajax 加载新内容时，cufon 会丢失。这是我的java，希望这对任何人都有意义，Cufon 首先触发，然后是 Ajax，

    jQuery.noConflict();

/*
  * TYPOGRAPHY
*/

Cufon.set('fontFamily', 'ColaborateLight');
Cufon.replace('h2, #main h3, h4, h5, h6, #slogan, .label', {
    hover: true
});

Cufon.set('fontFamily', 'Colaborate-Medium');
Cufon.replace('#main_home h3', {
    hover: true
});

jQuery(document).ready(function() {

    var hash = window.location.hash.substr(1);
    var href = jQuery('#nav2 li a').each(function(){
        var href = jQuery(this).attr('href');
        if(hash==href.substr(0,href.length-5)){
            var toLoad = hash+'.html #content';
            jQuery('#content').load(toLoad)
        }                                           
    });

    jQuery('#nav2 li a').click(function(){
    jQuery("#nav2 li a").addClass("current").not(this).removeClass("current");

        var toLoad = jQuery(this).attr('href')+' #content';
        jQuery('#content').hide('fast',loadContent);
        jQuery('#load').remove();
        jQuery('#wrapper').append('<span id="load">LOADING...</span>');
        jQuery('#load').fadeIn('normal');
        window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5);
        function loadContent() {
            jQuery('#content').load(toLoad,'',showNewContent())
        }
        function showNewContent() {
            jQuery('#content').show('normal',hideLoader());
        }
        function hideLoader() {
            jQuery('#load').fadeOut('normal');
        }
        return false;

    });

});

这是我遇到问题的页面。 气候页面 您将在页面底部看到 Ajax 加载程序以及二级菜单列表。 我很绝望，请大家帮忙...

Answer 1

我遇到了同样的问题，无法让它工作：

$("#my_div").load('some-ajax-file.php', Cufon.refresh);

但是，将 Cufon.refresh 包装在函数中可以解决问题：

$("#my_div").load('some-ajax-file.php', function() { Cufon.refresh(); });

Answer 2

这对我有用......

$(document).ajaxSuccess(function() {  
    Cufon.refresh();
});

Answer 3

你可以试试这个：

function showNewContent() {
    Cufon.refresh();
    jQuery('#content').show('normal',hideLoader());
}

cufon api 文档中也对此进行了讨论 - https://github.com/sorccu/cufon/wiki /API

Answer 4

ajax响应后你可以简单地使用

Cufon.refresh();

它将重新加载cufon字体样式

Answer 5

尝试添加这个：

$(document).ajaxSuccess(function() {  
Cufon('h2'); // or whatever other cufon calls, really...
});

Answer 6

$(document).ajaxSuccess(function() { Cufon.refresh(); });

希望它有帮助:)

Answer 7

我遇到了同样的问题，为了更快地解决问题，我使用了内联 CSS

 <h5 style="font-family:xxx, Helvetica, sans-serif"></h5>

<style type="text/css">
  @font-face { 
    font-family: SWZ721C; 
    src: url('../../includedfiles/xxx.TTF');
  }

  @font-face {
    font-family: MyCustomFont;
    src: url("../../includedfiles/xxx.eot") /* EOT file for IE */
  }
</style>