Cufon이 자바 스크립트 내에서 작동하지 않습니다.

Question

다음과 같은 문제가 있습니다. 자바 스크립트 내에 텍스트가 있습니다. 텍스트가 멋있게 보이길 바래서, cufon canvas javascript 수정자를 지닌 "h3"으로 싸서 일반 글꼴과 다르게 보일 것입니다. 그러나 Javascript 내의 텍스트는 cufon의 영향을받지 않습니다.

나는 작동하도록 몇 가지 시도했지만 아무 것도 작동하지 않는 것 같습니다.

이

코드입니다 :

이

jQuery.noConflict(); 
jQuery(document).ready(function($) { 

    var author = $('#author').val(); 
    if(author !='' && $('#email').val() !='') { 
    $('#authorData').hide(); 
    $('#authorData').before('<div id="welcome"> <h3>Welcome back, <strong>' + author + '</strong>! <a href="#">Edit &raquo;</a></h3></div>') 
    $('#welcome a').toggle(
     function() { 
     $('#authorData').show(300); 
     $(this).html('Minimize &raquo;'); 
     return false; 
     }, 
     function() { 
     $('#authorData').hide(300); 
     $(this).html('Edit &raquo;'); 
     return false; 
     } 
    ); 
    } 

}); 

내 생각은 실제 PHP로하고, 자바 스크립트 코드에서 전체 "에 Weclome의 사업부"를 얻을 그냥 자바 스크립트에서 "리디렉터"를 떠나,하지만 난 그게 가능하다면 확실치 않습니다.

이 아이디어를 만드는 방법에 대한 아이디어가 있으십니까?

내 cufon 스크립트는 다음과 같습니다

Cufon.replace('h1',{hover: true})('h2')('h3')('.stepcarousel .panel .caption .title'); 

P.S이 : 그것은 종류의 파이어 폭스에서 Internet Explorer에서 작동하지만,하지. 엄청 이상해!

많은 조언과 제안에 감사드립니다. :)

Answer 1

요소 또는 부모가 display : none (hide() 사용) 인 경우에는 cufon이 작동하지 않습니다. 대신 공개 표시 숨김을 사용하십시오.

Answer 2

DOM 준비가 완료되면 콘텐츠를 추가하는 것처럼 보입니다. 코드에서 실제로 Cufon.now() 메서드를 호출하지 않았지만 요소가 DOM에 추가되기 전에 호출 된 것으로 가정합니다.

확인할 경우 Cufon API 당신이 할 호출 할 수 refresh 방법을 볼 수 정확하게 것을 :

Cufon.refresh();

당신은 새로운 텍스트가 문서에 추가되는 경우 refresh 메소드를 호출 할 필요가 또는 기존 텍스트가 변경 되더라도 (예 : 글꼴 크기가 증가).