JQuery onclick code doesn't work

Question

Welcome, I have this code: html:

<script src="loginbox.js"></script>
<div class="menu" id="login">
      <p class="menu">LOG IN</p>
    </div>

js:

  $('#login').on('click', function(){
  document.getElementById('login').hide();
});

The div "login" isn't even clickable

did you put your Event Handler in a `$(document).ready()` function ? — Vivick, Apr 15 '17 at 20:28
Read this answer: http://stackoverflow.com/a/13062316/2008111 that might help — caramba, Apr 15 '17 at 20:30

score 1 · Accepted Answer · answered Apr 15 '17 at 20:31

1

Here you go :

$(document).ready(function(){
  $('#login').on('click', function(){
    $(document.getElementById('login')).hide();
  });
});

When you mix pure JS and jQuery, you need to wrap pure JS in a jQueryObject.

PS: I'd swap the $(document.getElementById('login')) for a $("#login") if I were you

answered Apr 15 '17 at 20:31

Vivick

still doesn't work, + document is red in my text editor, I think it's something with this – Sleeper Apr 15 '17 at 20:39
https://jsfiddle.net/Voltra/ugwkfffn/ Maybe you just did not include jQuery – Vivick Apr 15 '17 at 20:43
Yes I didnt, now it works Do you know how to add "button cursor"? when cursor is on div "login", it becomes "button cursor", you know, when cursor is on button – Sleeper Apr 15 '17 at 20:51
then just add : `#login:hover{ cursor:pointer; }` In your css file – Vivick Apr 15 '17 at 20:54

1 Answers1