[英]How do I slide/open specific menu item using javascript / jquery on page load?
I'm new to java and jquery scripting, I've managed to learn how to open menu on item mouse click, but how do I open specific menu on page load? 我是Java和jquery脚本的新手,我设法学习了如何在单击鼠标项时打开菜单,但是如何在页面加载时打开特定菜单?
I'm using this: 我正在使用这个:
<!-- menu -->
<div id="menuone">
<ul id="menu">
<li>
<a href="#">Home</a>
</li>
<li>
<a>About</a>
<ul>
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
</ul>
</li>
<li>
<a>Projects</a>
<ul>
<li><a href="#">project1</a></li>
<li><a href="#">project2</a></li>
<li><a href="#">project3</a></li>
</ul>
</li>
</ul>
</div>
<!-- menu end -->
and my javascript on click is this: 我点击的JavaScript是这样的:
function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() {initMenu();});
but my quest is: how do I open specific item(s) on page load? 但是我的追求是:如何在页面加载时打开特定项目? How do I open menu item 2 for example ("about"), or menu utem 3 ("projects"), etc...?
如何打开菜单项2(例如,“关于”)或菜单utem 3(“项目”)等?
quite easy actually; 实际上很容易
$('#menu li a:eq(1)').trigger('click'); //open "about"
$('#menu li a:eq(2)').trigger('click'); //open "projects"
hope I helped 希望我能帮上忙
Put an id to your a
tags like 在您
a
标签上添加一个ID,例如
<div id="menuone">
<ul id="menu">
<li>
<a href="#" id="home">Home</a>
</li>
<li>
<a id="about">About</a>
<ul>
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
</ul>
</li>
<li>
<a id="projects">Projects</a>
<ul>
<li><a href="#">project1</a></li>
<li><a href="#">project2</a></li>
<li><a href="#">project3</a></li>
</ul>
</li>
</ul>
</div>
and then pass an id of your choice to your function like 然后将您选择的ID传递给您的函数,例如
// Pay attention to pass id to function
function initMenu(id)
{
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
});
// Add following lines
if (typeof(id) != 'undefined')
{
$('#'+id).click();
}
}
$(document).ready(function() {initMenu('projects');});
Then to change you can use instead 然后,您可以改用
$(document).ready(function() {initMenu('about');});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.