2010-05-26 7 views
0

Я пытаюсь создать выпадающий список у меня есть это работает, но не в полном объеме, используя этот кодJquery по наведению не остается

$(document).ready(function(){ 
$("#zone-bar li em").hover(function() { 
var hidden = $(this).parents("li").children("ul").is(":hidden"); 

$("#zone-bar>ul>li>ul").hide()   
$("#zone-bar>ul>li>a").removeClass(); 

if (hidden) { 
$(this) 
    .parents("li").children("ul").toggle() 
    .parents("li").children("a").addClass("zoneCur"); 
} 
    }); 

});

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

ответ

4

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

+0

+1 для задержки. Небольшая уловка с задержками может заставить меню чувствовать себя намного более «естественным» (то, как пользователь ожидает от них «почувствовать», исходя из опыта работы с окружающей средой рабочего стола). – eyelidlessness

+0

У меня есть проверка на наличие пробелов, но не найдено ни одного? действительно не уверен, что я делаю неправильно здесь. – cameronmarklewis

+0

Можете ли вы разместить ссылку на сайт, над которым работаете? –

Смежные вопросы