Cufon이 일단로드되면 제거하십시오

Question

이 페이지는 내 Cufon을 사용하고 있습니다 만 사용자가 버튼을 누르면 모든 요소에 대해 해제 할 수 있어야합니다. 단추.

Cufon.Reset (셀렉터) 같은 것이있을 것이라고 기대했지만 아무 것도 찾을 수 없으므로 페이지를 새로 고치지 않고 Cufoned 텍스트를 표준 텍스트로 되돌릴 수있는 방법이 있습니까?

Answer 1

var RemoveCufon = function (selector) { 
    $(selector).each(function (index, element) { $(element).text(BuildCufonTextString(element)); }); 
}; 

var BuildCufonTextString = function (parent) { 
    var elementText = ""; 
    $("cufon cufontext", parent).each(function (index, element) { elementText += $(element).text(); }); 
    return $.trim(elementText); 
}; 

여기에 작동을 수행하는 수동 방법이지만,

Answer 2

그렇게 생각하지 마십시오. Cufon은 img를 만들고 있습니다. 페이지를 새로 고치지 않고 실행 취소 할 수 없습니다.

당신은 일부 스크립트를 작성할 수

:

• 텍스트 복사 (복사 HTML 태그를하고 숨길) Cufon는 순수 텍스트 버튼을 클릭 숨기기 cufon 및 쇼 복사 된 텍스트 요소보다
• 에서 실행되기 전에

저는 IE, FF, Safari에서 훌륭한 Cufon-works 대신 @ font-face를 사용하시기 바랍니다. Chrome은 80 %의 품질을 말합니다.

체크 아웃 this website - @ font-face 방법을 사용하고 있습니다. 완벽하게 작동합니다.

Answer 3

하자가 H1 태그의 모든 cufont 스타일로 말하는 ... 간단한 아무것도 알고 싶습니다. 이 작업을 수행하려면 사용합니다 :

Cufon.replace('h1'); 

당신이 사용할 수있는 cufon 조치를 되돌리려면 :

$('h1').each(function(){ 
    $(this).find('cufon').each(function(){ 
     $(this).replaceWith($(this).find('cufontext').text()) 
    }) 
}) 

Answer 4

난 그냥 논의 된 스크립트 중 하나의 간단한 버전을 구현의 전 과정을 통해 갔다 여기서 cufontext 태그에서 텍스트를 가져 오려면

var nameFromCufon = $(profileName).find('cufontext').each(function(){ 
    $(this).replaceWith($(this).text()) 
}) 

프로필 이름은 cufon 태그를 둘러싼 바로 위의 span 태그입니다. 그렇다면 나는 너무 단순하여 너무 명백했다. $ (profileName) .text();

.text 모든 태그 코드가 제거 된 텍스트를 보내주십시오. 아주 간단합니다.