Question

我的问题是下面的.click事件。 'nav'和'#closemenu' div在文档准备好时按预期隐藏，但点击事件无法挽救我的生命。要么我错过了一些令人尴尬的小事（我希望这不太可能，因为我从jQuery API页面复制/粘贴了代码，然后只更改了ID和警报），否则我不知道我的问题是什么。非常感谢任何帮助。

这是我的代码：

$(document).ready(function() {
  $('nav').hide();
  $('#closemenu').hide();

  $('#menuicon').click(function() {
    alert('Hello, test');
  });
});

<head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="app.js"></script>
</head>

<body>
  <header>
    <h1>Page Title Here</h1>
    <div id="menuicon">
      <img src="mobile_menu.png">
    </div>
    <nav>
      <ul>
        <a href="">
          <li class="upCase">Projects</li>
        </a>
        <a href="">
          <li clas s="upCase">Profile</li>
        </a>
        <a href="">
          <li class="upCase">Contact</li>
        </a>
      </ul>
    </nav>
    <div id="closemenu">
      <p>X</p>
    </div>
  </header>
</body>

Answer 1

为什么不直接像这样添加事件

对于多个div使用以下

$（“＃menu”）.bind（{click：function（）{alert（）;} }）;

我的.click（）事件有什么问题？

1 个答案: