2011-09-29 95 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