0
처음에는 cufon이 기본 페이지 텍스트를 대체합니다.ajax 요청 후 Cufon이 작동하지 않음
다른 페이지 파일을로드 한 후 cufon은 새로로드 된 내용을 대체하지 않습니다. 왜?
cufon.refresh()를 추가했습니다. 체인 기능의 마지막 부분입니다. 나는 cufon이 글꼴을 대체하려고 시도하고 있음을 발견했습니다. 기본 폰트가 cufon 글꼴을 무시하고있는 것처럼 보입니다. 나는 cufon이 보통 폰트로 되돌아 가기 전에 폰트를 잠깐 바꿨다는 것을 알았다. 그래서 나는 그것이 텍스트를 대체하려고 시도하고 있음을 안다.
어쩌면 내 명령 순서가 잘못 되었습니까? 어떤 도움을 주셔서 감사합니다. 내 코드가 지저분한 경우 그대로 정리하고 제안을 위해 항상 열어주십시오.
$(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 년 동안 아무런 문제가 없다는 것은 제작 준비가 된 것처럼 들립니다. 어떻게 작동하는지 염두에 두셔야합니다. 그것은 도서관입니다. –