0
最初に、メインページのテキストをcufonに置き換えます。ajaxリクエスト後にCufonが機能しない
別のページファイルをロードした後、cufonは新しくロードされたコンテンツの置き換えを適用しません。どうして?
私はcufon.refresh()を追加しました。連鎖機能の最後のものです。私はcufonがフォントを置き換えようとしているのを知っています。どのフォントがデフォルトのフォントがcufonフォントをオーバーライドしているように見えますか?私は、通常のフォントに戻す前に、cufonがフォントを短く変更したことに気付きました。だから私はそれがテキストを置き換えようとしていることを知っています。
私の操作の順序が間違っていますか?どんな助けもありがとうございます。私のコードが乱雑であれば、それをきれいにして、常に提案のために開いてください。
は、ここに私のコードです:
$('#load').fadeOut('normal',changeFonts);
へ
$(document).ready(function(){
$.ajaxSetup({cache:false});
// Hide Colored Lines
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-6,div#line-7,div#line-8,div#line-9,div#line-10").hide();
$("div#linksContainer a, div#meContainer a").click(function(){
var toLoad = $(this).attr('href')+' #homeContent';
var post_id = $(this).attr("rel");
if(post_id == "25"){
$("#home").fadeIn(2400);
$("div#line-1").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-6,div#line-7,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "5"){
$("#home").hide('fast');
$("div#line-2").animate({height: 'toggle'},1200);
$("div#line-1,div#line-3,div#line-4,div#line-5,div#line-6,div#line-7,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "7"){
$("#home").hide('fast');
$("div#line-3").animate({height: 'toggle'},1200);
$("div#line-2,div#line-1,div#line-4,div#line-5,div#line-6,div#line-7,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "337"){
$("#home").hide('fast');
$("div#line-4").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-1,div#line-5,div#line-6,div#line-7,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "13"){
$("#home").hide('fast');
$("div#line-5").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-1,div#line-6,div#line-7,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "339"){
$("#home").hide('fast');
$("div#line-6").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-1,div#line-7,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "341"){
$("#home").hide('fast');
$("div#line-7").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-6,div#line-1,div#line-8,div#line-9,div#line-10").hide();
}else if(post_id == "212"){
$("#home").hide('fast');
$("div#line-8").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-6,div#line-7,div#line-1,div#line-9,div#line-10").hide();
}else if(post_id == "11"){
$("#home").hide('fast');
$("div#line-9").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-6,div#line-7,div#line-8,div#line-1,div#line-10").hide();
}else if(post_id == "16"){
$("#home").hide('fast');
$("div#line-10").animate({height: 'toggle'},1200);
$("div#line-2,div#line-3,div#line-4,div#line-5,div#line-6,div#line-7,div#line-8,div#line-9,div#line-1").hide();
}
$('#homeContent').hide('fast',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
function loadContent(){
$("#homeContent").load(toLoad,{id:post_id},showNewContent());
}
function showNewContent(){
$("#homeContent").show('fast',hideLoader());
}
function hideLoader() {
$('#load').fadeOut('normal',changeFonts());
}
function changeFonts(){
Cufon.refresh();
}
return false;
});
Cufon.replace('h1, h2, p, strong', { fontFamily: 'Museo 300' });
Cufon.replace('h3, h4, h5, h6, #postContent a', { fontFamily: 'Quicksand Book' });
});
@ジャレド私は反対する必要があります。さまざまなクライアントのための生産でそれを使用した、何の問題もなかった。 –
@Ricardo - クラスに「問題がある」ことは決してなかったからといって、プロダクションが準備できているわけではありません。 –
2年間のプロダクションで何の問題もなく、プロダクションの準備ができています。あなたはそれがどのように機能するか心配する必要があります。それは図書館です。 –