Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jQuery: не срабатывает анимация цвета, :( 
:(
    Опции темы
MUTOgen4eg
Дата 7.2.2010, 15:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Привет всем.
Столкнулся со странной проблемой.
Не всегда срабатывает анимация цвета через плагин jquery.color.js
Сейчас работает через раз в хроме и не работает в opera и ff.
Есть такая разметка:
Код

<div id="menu"> 
                    <ul class="navigation"> 
    <li> 
        <a class="item" href="/admin/docs/view">Список врачей</a> 
    </li> 
    <li> 
        <a class="item" href="#">Почтовый ящик</a> 
        <ul> 
            <li> 
                <a class="subitem" href="/admin/inbox/in">Входящие</a> 
            </li> 
            <li> 
                <a class="subitem" href="/admin/inbox/out">Исходящие</a> 
            </li> 
            <li> 
                <a class="subitem" href="/admin/inbox/del">Удаленные</a> 
            </li> 
        </ul> 
    </li> 
    <li> 
        <a class="item" href="/admin/index/logout">Выход</a> 
    </li> 
</ul>                </div> 

Для нее такой код:
Код

$('li ul').hide();
        $('li:has(ul)').hover(function(){
            $(this).find('ul').slideToggle('medium');
        });
        $('ul li').hover(function(){
            $(this).animate({backgroundColor: "#9cd000"},{duration:"2000",queue:false});
        },function(){
            $(this).animate({backgroundColor: "#222"},{duration:"2000",queue:false});
        });
        $('ul li ul li').hover(function(){
            $(this).animate({backgroundColor: "#6a8811"},{duration:"2000",queue:false});
        },function(){
            $(this).animate({backgroundColor: "#222"},{duration:"2000",queue:false});
        });

То есть я сперва прячу все вложенные списки, а затем задаю эффект слайда для них. В плане цвета же я просто делаю две переключающихся функции по событию hover. В одном варианте это hover для li из главного списка, а в другом варианте для вложенного... Так вот это штука не срабатывает периодически если обновлять страницу например.

Как быть?  smile 
PM MAIL   Вверх
12345c
Дата 8.2.2010, 18:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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



Поствить в правильное место, в ready(), например.
(На правах опытов по телепатии.)


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0685 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.