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：

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

或者，你的h2（虽然这有点慢）：

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

总而言之，您的答案可能类似于：

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

但我有点猜测，因为我不完全确定你在追求什么

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

2 个答案: