代码之家 › 专栏 › 技术社区 › Basic

JQuery选择器问题(我认为)

menu jquery javascript

Basic · 技术社区 · 15 年前

<script type="text/javascript">
    $(document).ready(function () {
        var ChildMenusFound = $(".menu_Child").hover(function () {
            //Mouse Over
                            alert('ok');
            $(this).toggleClass("menu_hover");
        }, function () {
            //Mouse Out
                            alert('ok');
            $(this).toggleClass("menu_hover");
        });
    });
</Script>

我输出的html如下:

<ul alt="" class="menu_Root">
<li class="menu_Child>"
<a href="/Admin" alt="">Admin</a>
<ul alt="" class="menu_Child">
<li class="menu_SubMenu>"
<a href="/Admin/Statistics" alt="">Statistics</a></li>
<li class="menu_SubMenu>"
<a href="/Admin/Database" alt="">Database</a></li>
</ul></li>

<li class="menu_Child>"
<a href="/MyAccount" alt="">My Account</a>
<ul alt="" class="menu_Child">
<li class="menu_SubMenu>"
<a href="/MyAccount/Profile" alt="">Profile</a></li>
</ul></li>

</ul>

在调用hover()之后, ChildMenusFound

有人能指认我的错误吗?

4 回复 | 直到 15 年前

Pointy 15 年前

你的加价坏了。标签外面有引号。看起来你还缺了一个 </li> 第一个外星的地方 </li> 但很难说。

Nick Craver 15 年前

您的HTML有点不正常,您有未关闭(或错误关闭)的类,如下所示:

<li class="menu_Child>"
                      ^ here

应该是:

<li class="menu_Child">

Here's the fixed/working version ,但您可以精简代码,如下所示:

$(function () {
  $(".menu_Child").hover(function () {
    $(this).toggleClass("menu_hover");
  });
});

只有一个回调传递给 .hover() 它在两个输入/输出方向都被调用,而且由于您正在切换,所以可以在这里保存代码。

user113716 15 年前

其他答案指出你的HTML标记损坏。

要考虑的一件事可能是使用CSS而不是javascript来执行 hover . 它在IE6中不起作用,除非它在 <a> 元素,但它将在大多数其他浏览器中使用。

.menu_Child {
   background: yellow;
}

.menu_Child:hover {
   background: orange;
}

<a> ,它也将在IE6中工作。

Patrick Ferreira 15 年前

小心,你已经颠倒了两个字符:

<li class="menu_Child>"

需要成为

<li class="menu_Child">

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前