All geek questions in one place

What happened to my .click () event?

My problem is the .click event. 'nav'and '#closemenu'divs are hiding as expected on the finished document, but the click event will not work to save life. Or I miss something embarrassingly small (which I hope is unlikely because I copied / pasted the code from the jQuery API page and then changed only the id and warning), otherwise I don't know what my problem is. Any help is greatly appreciated.

Here is my code:

$(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>
Run codeHide result
+4
source share
1 answer

Why don't you just add an event directly like this

For multiple divs use below

$( "#menuicon" ).bind({click: function() {alert();}  });

0

Source: https://habr.com/ru/post/1610031/

More articles:


All Articles