2011-09-29 61 views
0

我有以下問題。 我在JavaScript中有一些文字。我希望文本看起來不錯,所以我用包含一個cufon canvas javascript修飾符的「h3」包裝它,所以它看起來與普通字體不同。 但是,Javascript中的文本似乎沒有受到cufon的影響。Cufon在javascript中不工作

我已經嘗試了幾件事情使它工作,但似乎沒有任何工作。

這是代碼:

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; 
     } 
    ); 
    } 

}); 

我的想法是讓整個「weclome格」到實際的PHP和出的JavaScript代碼,只是留在JavaScript中的「重定向」,但我我不確定這是否可能。

任何想法如何使這項工作?

我的Cufón的腳本是這樣的:

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

P.S:這類型的作品在Internet Explorer中,但不能在Firefox。很奇怪!

非常感謝您的任何意見和建議! :)

回答

0

如果元素或父級顯示:cufon不起作用:無(您正在使用hide())。改爲隱藏可見性。

+0

你好。我懂了。我試圖通過可見性交換hide():hidden(),但它不起作用。我對jQuery不是很熟悉,你能幫我看看代碼應該看起來怎麼樣嗎?謝謝:) – japanworm

+0

再次您好。我試圖谷歌它,但我不能得到它的工作。我必須使用'$(「div:hidden」)。show();'而不是hide();或者完全別的東西?? !!請幫忙。 :) – japanworm

+0

嘗試Cufon.replace ...也放在$('#authorData')之後.. – simoncereska

0

在DOM準備就緒後,您似乎正在附加內容。您沒有在代碼中顯示實際調用Cufon.now()方法的位置,但我假設在您的元素附加到DOM之前調用了它。

如果檢查Cufon API你會看到refresh方法,它可以被稱爲做恰恰是:

Cufon.refresh();

你需要調用refresh方法,如果新文本添加到文檔中,或者即使現有的文本改變(例如字體大小增加)。

+0

你好。我對Cufon並不是很熟悉。這已經在我的父母主題中。需要弄清楚如何做到這一點我猜。這是直接在js文件中? – japanworm

+0

我用我的cufon腳本代碼更新了我的問題:) – japanworm