Cufon - jQuery，點擊替換字體顏色

Question

我正在使用cufon進行一些字體替換和jQuery來構建自定義手風琴。

我的手風琴的代碼是這樣的：單擊事件改變替換（帶的Cufón）字體的顏色期間

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

是否有可能？

類似：

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

Answer 1

我會在看通過CSS功能使用CSS類，而不是改變顏色

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

雖然，如果你正在尋找顯示/隱藏：

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

如果ACC標題是你在操作的事情，那麼以下就足夠了：

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

您還可以通過將上述acc標題選擇器與父元素的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'); 
    }); 
}); 

但我是g因爲我並不完全確定你在做什麼

Answer 2

您必須使用Cufon.refresh（）;通過CSS更改顏色後。像這樣：

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