javascript - 鼠标悬停功能不创建弹出窗口

标签 javascript jquery html

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

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");
  });
});

最佳答案

您的代码可以正常工作,您只需修复 HTML 标记即可。

您缺少 anchor 和列表项关闭标签。

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

JSFiddle:https://jsfiddle.net/40acxxet/1/

关于javascript - 鼠标悬停功能不创建弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38750168/

相关文章:

Jquery 和 Coldfusion

jquery - 添加和删​​除类 jQuery

javascript - 如果按下 Ctrl + F,则禁用表单查找浏览器

HTML 拆分/合并单元格问题

javascript - DOM 准备好两次

javascript - EXTJS 选项卡面板使选项卡拉伸(stretch)以填充面板

javascript - 通过 SSL 使用 JSONP

javascript - 当不需要数据绑定(bind)时如何使 Angular 更快

html - 相对于 css 中的另一个元素垂直居中?

html - 显示 : inline block positioning acting strange