mhassan083 Ответов: 1

Как исправить эту проблему ? при щелчке меню его всплывающее окно при повторном щелчке ничего не происходит!

при щелчке меню его всплывающее окно при повторном щелчке ничего не происходит!
function mainmenu() {
    $(" #nav ul").css({ display: "none" });
    $(" #nav li").hover(function () {
        $(this).find('ul:first').css({ visibililty: "visible", display: "none" }).show(100);
    }
    , function () {
        $(this).find('ul:first').css({ visibility: "hidden" });
    });
}
$(document).ready(function () {
    mainmenu();
});


Что я уже пробовал:

я пытаюсь использовать другую вещь, но не могу

SrikantSahu

Вы можете попробовать
$ ("#nav li").hover (функция () {
$(этот).найти('уль:первый').показать();
}
, функция () {
$(этот).найти('уль:первый').скрыть();
});

Это должно отображать встроенный элемент пользовательского интерфейса внутри '#нав ли при наведении и скрыть интерфейс для мыши из '#нав ли'.

1 Ответов

Рейтинг:
1

Peter Leow

Чего вы пытаетесь достичь? Ваш код вообще не имеет никакого смысла. Вы должны серьезно изучить этот материал, попытка удачи никуда вас не приведет. Узнайте некоторые реальные вещи в учебник по jQuery[^] .
Возвращаясь к вашему бессмысленному коду и совсем не ясному вопросу, если вы пытаетесь показать / скрыть список меню, вы можете сделать переключатель, пример кода ниже:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
    $("#nav ul").css("display", "none");
    $("#nav").hover(function(){
    	$("ul").toggle(500);
    });
});
</script>
</head>
<body>
<div id="nav">MENU
	<ul>
		<li>HTML</li>
		<li>CSS</li>
		<li>JavaScript</li>
		<li>jQuery</li>
	</ul>
</div>
</body>
</html>
или попробуйте эту демонстрацию по адресу JSFiddle[^]. Прочтите какой-нибудь учебник по jQuery, чтобы вы могли понять код. Удача неуловима, только обучение реально.