Cufon - jQuery，点击时替换字体颜色

Question

我使用 cufon 进行一些字体替换，并使用 jQuery 构建自定义手风琴。

我的手风琴的代码是这样的：

 $(".acc-title").click(function () {
   //show something, hide something etc.
 });

在单击事件期间是否可以更改替换（使用 cufon）字体的颜色？

像这样的东西：

$(".acc-title").click(function () {
       //some something, hide something etc.
       Cufon.replace('how do i select ONLY the title of this', { color: '#fff' });
});

Answer 1

您必须使用 Cufon.refresh();通过CSS改变颜色后。像这样：

$("#tab1").click(function() {
   $("#tab2").removeClass("selected");
   $("#tab1").addClass("selected");
   Cufon.refresh();
}

Answer 2

我会考虑使用 CSS 类，而不是通过 css 函数更改颜色

$(document).ready(function(){
    $(".acc-title").click(function () {
        $("#cufonid").addClass('cufonCSSClass');
    });
});

尽管如此，如果您想要显示/隐藏：

        $("#cufonid").show();
        $("#cufonid").hide();

如果 acc-title 是您正在操作的内容，那么以下内容就足够了：

    $(".acc-title").click(function () {
        $(this).addClass('cufonCSSClass');
        //or
        $(this).hide();
        //etc, etc
    });

您也可以通过将上面的 acc-title 选择器与父元素的 ID 相结合来加速它。

    $("#somparentid .acc-title").click(function () {

或者给该项目一个ID itslef：

    $("#acc-title").click(function () {

或者，你的h2（不过，这有点慢）：

    $("h2.acc-title").click(function () {

所以，总而言之，你的答案可能看起来像这样：

$(document).ready(function(){
    $("h2.acc-title").click(function () {
        $(this).addClass('cufonCSSClass');
    });
});

但我猜测了一下，因为我不完全确定你是什么正在追随