Jump to content
  • 0

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


Squidward
 Share

Question

Имеем:

<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".

Что я не так делаю?

Edited by Squidward
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

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

Edited by Squidward
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy