5

私は、cufon.replace - Cufon.refresh と Cufon.reload の可能な限りの組み合わせを試してきましたが、これがうまくいかないようです。元のページが読み込まれると cufon は機能しますが、Ajax が新しいコンテンツを読み込むと cufon が失われます。ここに私の Java の希望があります。

    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;

    });

});

そして、これは私が問題を抱えている問題のページです。 Climate ページ ページ の下部に Ajax ローダーが表示され、セカンダリ メニュー リストが表示されます。私は必死です、助けてください...

4

7 に答える 7

9

私は同じ問題を抱えていましたが、これを機能させることができませんでした:

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

しかし、関数で Cufon.refresh をラップすると、うまくいきました。

$("#my_div").load('some-ajax-file.php', function() { Cufon.refresh(); });
于 2011-05-05T14:50:00.137 に答える
5

これは私のために働いた...

$(document).ajaxSuccess(function() {  
    Cufon.refresh();
});
于 2012-10-26T15:36:24.160 に答える
2

これを試すことができます：

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

これは、cufon api ドキュメントでも説明されています - https://github.com/sorccu/cufon/wiki/API

于 2011-02-14T12:20:38.680 に答える
1

ajax応答の後、単に使用できます

Cufon.refresh();

それはcufonフォントスタイルをリロードします

于 2012-07-18T06:34:44.327 に答える
0

これを追加してみてください：

$(document).ajaxSuccess(function() {  
Cufon('h2'); // or whatever other cufon calls, really...
});
于 2011-01-10T16:45:01.340 に答える
0 
$(document).ajaxSuccess(function() { Cufon.refresh(); });

それが役に立てば幸い ：）

于 2012-05-21T14:28:05.257 に答える
0

私は同じ問題を抱えていましたが、解決を高速化するためにインライン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>
于 2012-01-11T16:18:53.083 に答える