我正在使用我在网络上找到的 css 菜单,并想向其中添加一些 javascript 以使菜单能够在页面加载时自动打开。我对 javascript 很垃圾,所以需要一些帮助。下面是JS代码。我在 HTML 中有四个菜单和一个子菜单;目前,其中包含“a”链接。我希望第一个菜单在页面加载时打开,这将显示它的子菜单。
JS代码:
$(document).ready(function () {
$(document).ready(function () {
$('#cssmenu > ul > li ul').each(function (index, e) {
var count = $(e).find('li').length;
var content = '<span class="cnt">' + count + '</span>';
$(e).closest('li').children('a').append(content);
});
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:even').addClass('even');
$('#cssmenu > ul > li > a').click(function () {
$('#cssmenu li').removeClass('active');
$(this).closest('li').addClass('active');
var checkElement = $(this).next();
if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if ($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
});
});
最佳答案
您可以只添加 active
给你的第一个类<li class="has-sub">
并添加 display: block;
到 <ul>
里面。不需要 JQuery。
<li class='has-sub active'><a href='#'><span>Geeky Sites</span></a>
<ul style="display: block;">
<li class='last'><a href='http://tools.email-checker.com/' target='_blank'><span>SMTP Checker</span></a></li>
</ul>
</li>
关于javascript - 加载页面时打开一个javascript菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21048746/