Question

当光标悬停在我的链接上时，我希望它显示一条消息“Hovering”。我已经尝试了下面的代码，但它没有创建此窗口。为什么不呢？

HTML：

<body>
  <nav id="menu">
    <ul>
      <li><a href="index.html" id="home_button">
    </ul>
  </nav>
</body>

使用Javascript：

$(document).ready(function() 
  {
    $("#menu ul li a").mouseover(function()
    {
      alert("Hovering");
  });
});

Answer 1

您的代码有效，您只需修复HTML标记。

您缺少锚点和列表项闭包标记。

<nav id="menu">
    <ul>
        <li><a href="index.html" id="home_button">Home</a></li>
    </ul>
</nav>