首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery菜单焦点不工作

Jquery菜单焦点不工作
EN

Stack Overflow用户
提问于 2013-11-18 13:31:41
回答 1查看 1.5K关注 0票数 0
代码语言:javascript
复制
<html lang="en">
<head>
<meta charset="utf-8">
<title>menu demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-     ui.css">
<style>
.ui-menu {
width: 200px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>

<ul id="menu">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li id="item3"><a href="#">Item 3</a>
<ul>
  <li ><a href="#">Item 3-1</a></li>
  <li><a href="#">Item 3-2</a></li>
  <li><a href="#">Item 3-3</a></li>
  <li><a href="#">Item 3-4</a></li>
  <li><a href="#">Item 3-5</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>

<script>
  $( "#menu" ).menu();

  $("#menu").menu("focus",null, $("#menu").menu().find("#item3"));
</script>

</body>
</html>

我使用的焦点,如api所说,它集中在项目-3菜单,但它没有打开它的子菜单,我的代码有什么问题,有人可以帮助我。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-18 13:34:42

从以下位置移除额外菜单:

代码语言:javascript
复制
$("#menu").menu("focus",null, $("#menu").menu().find("#item3"));

即:

代码语言:javascript
复制
$("#menu").menu("focus",null, $("#menu").find("#item3"));

下面是一个工作演示:http://liveweave.com/y3FYnm

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20049072

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档