如何在某些元素上禁用Cufon?

时间:2010-04-29 14:50:35

标签: javascript html css cufon

我目前在我们的网站上使用Cufon类似于Cufon.set('fontFamily', 'DIN Medium').replace('h1');现在对于单个H1标签,我希望禁用Cufon,这不会将H1标签更改为任何其他标签,它必须保持原样是

如果需要,我可以在H1标签中添加类等,并且可以在不更改实际标签的情况下执行任何HTML / CSS / JS。

任何人都知道这是否可行以及是否如此?

提前致谢,

沙迪

4 个答案:

答案 0 :(得分:11)

根据您使用的选择器引擎,您可以:

  • 将一个类添加到异常h1元素
  • 你可以使用:not selector只将cufon应用于没有上述类的h1(使用jQuery和classname'clean'就像Cufon.replace('h1:not(.clean)');

答案 1 :(得分:3)

function remove_cufon(selector) {
    $(selector).html( cufon_text(selector) );
    return true;
}

function cufon_text(selector) {
    var g = '';
    $(selector +' cufon cufontext').each(function() {
        g = g + $(this).html();
    }); 
    return $.trim(g);
}

用法:

remove_cufon('#name');

答案 2 :(得分:1)

使用jQuery:将css类用于h1并在选择器中指定...

$('h1.noCufon').each(function(){
        var cufonText = '';
        $('cufontext',$(this)).each(function(){
            cufonText+=$(this).html();
        });
    if(cufonText!=''){
        $(this).html(cufonText);
    }
})

答案 3 :(得分:0)

单个h1是什么意思?

$('h1').each(function(){
    if($(this).siblings('h1').length)
        Cufon.set('fontFamily', 'DIN Medium').replace(this);
});