VPF::поочередность событий c помощью jQuery

godvinn

Дата 11.10.2008, 14:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

как с помощь jquery сделать следующее?
надо чтобы при нажатии на определённый элемент списка изменялся его цвет, только не одним цветом а по очереди, например у нас есть список

Код


<ul>
    <li>One</li> - когда пользователь кликнул по этому элементу он становится например красным цветом 
    <li>Two</li>
    <li>Four</li> - когда пользователь кликнул по этому элементу он становится например зеленым цветом 
    <li>Five</li> - когда пользователь кликнул по этому элементу он становится например красным цветом 
</ul>

и т.д. то есть сначала один цвет потом второй, то есть только два цвета чередуются.

я нашел как сделать только для одного цвета вот эта функция:

Код


$(document).ready(function(){
          $("li").toggle(
              function () {
                $(this).css("list-style-type", "disc")
                  .css("color", "blue");
              },
              function () {
                $(this).css({"list-style-type":"", "color":""});
              }
            );
        });

--------------------

Everything happens in life.

ksnk

Дата 11.10.2008, 15:25 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Нужно искать дальше. Есть еще конструкция $('li').click в обработчике которой и стоит в действительнсти поставить этот toggle.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

godvinn

Дата 12.10.2008, 18:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

Цитата(ksnk @ 11.10.2008, 15:25

)

и стоит в действительнсти поставить этот toggle.

????
если ты имеешь ввиду:

Код


$("li").click(function(){
        $("li").toggle(function(){
            $(this).css("list-style-type", "disc").css("color", "blue");
        },
        function (){
            $(this).css("list-style-type", "disc").css("color", "red");
        }
    );
    });

то при первом щелчки вообще ничего не будет происходить а дальше будет работать как мне надо, но надо чтобы начиналось с первого щелчка.

Это сообщение отредактировал(а) godvinn - 12.10.2008, 21:45

--------------------

Everything happens in life.

lusever

Дата 14.10.2008, 23:09 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 26
Регистрация: 12.4.2007

Репутация: 2
Всего: 3

А если в начале:

Код


$("li").css("list-style-type", "disc").css("color", "blue");

А только потом:

Код


$("li").click(function(){
        $("li").toggle(function(){
            $(this).css("list-style-type", "disc").css("color", "blue");
        },
        function (){
            $(this).css("list-style-type", "disc").css("color", "red");
        }
    );
    });

Не?

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »