一度ロードしたCufonを取り除く

Question

これはちょっと奇妙なことだと知っていますが、私のページの一つにCufonを使用していますが、ユーザーがaを押すとすべての要素を無効にする必要があります。ボタン。

私は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を作成しています。ページを更新せずに元に戻すことはできません。

あなたにいくつかのスクリプトを書くことができ：Cufonは、純粋なテキストとテキスト要素にコピーボタンをクリックして非表示cufonとショーに比べて

上で実行される前に

• コピーテキスト（コピーhtmlタグとそれを隠します）

私は、IE、FF、Safariに優れたCufon-worksではなく、@ font-faceを使用することをお勧めします。 Chromeは80％の品質と言えます。

チェックアウトthis website - @ font-faceメソッドを使用しています。完璧に動作します。

Answer 3

レッツは、あなたのH1タグのすべてがcufontスタイルであると言う...単純に何も知っていただきたいと思います。あなたが使用することができますcufonアクション戻したい場合は

Cufon.replace('h1'); 

：あなたが使用するこれを実行するには

$('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()) 
}) 

ProfileNameは、cufonタグを囲む直前の親スパンタグです。それで、私は何かを試してみましたので、あまりにも明白でした。 $（profileName）.text（）;

.text私には、すべてのタグコードを取り除いたテキストだけを与えてください。とても簡単。