2

我正在使用 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' });
});
4

2 回答 2

15

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

$("#tab1").click(function() {
   $("#tab2").removeClass("selected");
   $("#tab1").addClass("selected");
   Cufon.refresh();
}
于 2010-08-26T07:46:29.963 回答
0

我会考虑使用 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');
    });
});

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

于 2009-12-23T12:23:11.800 回答