VPF::Не подключается функция из jQuery

Squidward

Дата 30.9.2011, 15:51 (ссылка)

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

Загрузка ...

Новичок

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

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

Имеем:
<ul class="menu">
<li><a href="#">О предприятии</a>
<ul>
<li><a href="#">Наша история</a></li>
<li><a href="#">Награды</a></li>
<li><a href="#">Совет директоров</a></li>
</ul>
</li>
</ul>
Чтобы меню второго уровня плавно разворачивалось при наведении, прицеплен jquery.js и в нем для .menu должна работать нижеследующая функция (или как это назвать, не знаю), но она не работает (нужный кусок кода начинается с комментария //smooth drop downs):

Код


function k_menu()
{
        // k_menu controlls the dropdown menus and improves them with javascript
        
        jQuery(".menu a, .catnav a").removeAttr('title');
        jQuery(" .menu ul, .catnav ul ").css({display: "none"}); // Opera Fix
        
        
        // remove the last border from category menu item if there are 7 items, that border is not needed
        if(jQuery(".catnav>li").length >= 7)
        {
                jQuery(".catnav>li:last").addClass('noborder');
        }
        
        
        //set equal height for all category main items, in case a description is too long
        var mainitem = jQuery(".catnav>li>a");
        mainitem.each(function()
        {
                if(jQuery(this).height() < 34)
                {
                        jQuery(this).css({height:"34px"});
                }
        });
        mainitem.equalHeights();
        
        
        
        //smooth drop downs
        jQuery(".menu li, .catnav li").each(function()
        {       
                
                var $sublist = jQuery(this).find('ul:first');
                
                jQuery(this).hover(function()
                {       
                        $sublist.stop().css({overflow:"hidden", height:"auto", display:"none"}).slideDown(400, function()
                        {
                                jQuery(this).css({overflow:"visible", height:"auto"});
                        });     
                },
                function()
                {       
                        $sublist.stop().slideUp(400, function()
                        {       
                                jQuery(this).css({overflow:"hidden", display:"none"});
                        });
                });     
        });
}

Почему-то не работает этот кусок, хотя часть кода выше, вот эта, работает:

Код


jQuery(" .menu ul, .catnav ul ").css({display: "none"}); // Opera Fix

И ul приобретает display: "none".
В чем проблема?

Squidward

Дата 30.9.2011, 19:59 (ссылка)

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

Загрузка ...

Новичок

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

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

Копировал эту штуку со статичного html-макета на движок. Вроде и стили все скопировал, и яваскрипты прицепил, и все равно в макете работает, а в моем шаблоне нет. То есть оказалось работать выплывающее меню и слайдер картинок. Элементы, которые должны "выезжать", в моем шаблоне упрямо отображаются как display:none, а динамика для них не включается, хотя в html-макете display:none тоже прописано для них в css, однако яваскрипты для них работают.

Это сообщение отредактировал(а) Squidward - 30.9.2011, 20:02

нуп

Дата 1.10.2011, 11:38 (ссылка)

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

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

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

Ставим дебагер. Для ff это firebug и смотрим что за ошибки пишет

Gold Dragon

Дата 3.10.2011, 07:06 (ссылка)

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

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

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

этот класс от куда .catnav?

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

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

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