Cufon - jQuery, меняй цвет шрифта по клику - PullRequest
Новая
       10

Cufon - jQuery, меняй цвет шрифта по клику

2 голосов
/ 23 декабря 2009

Я использую cufon для замены шрифта и jQuery для создания собственного аккордеона.

код моего аккордеона примерно такой: 

 $(".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' });
});

Ответы [ 2 ]

15 голосов
/ 26 августа 2010

Вы должны использовать Cufon.refresh (); после того, как вы измените цвет с помощью CSS. Как это: 

$("#tab1").click(function() {
   $("#tab2").removeClass("selected");
   $("#tab1").addClass("selected");
   Cufon.refresh();
}
0 голосов
/ 23 декабря 2009

Я хотел бы использовать класс 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, объединив его с идентификатором родительского элемента. 

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

Или дайте предмету удостоверение личности: 

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

Или ваш h2 (хотя это немного медленнее): 

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

Итак, подведем итог, ваш ответ может выглядеть примерно так: 

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

Но я немного догадываюсь, так как не совсем уверен, что вы ищете

...