Keyup doesn't respond

Question

I don't know what the hell is going on.

Why isn't my simple javascript code working? Been here for hours. I have a bunch of other javascript, was thinking if it's interrupting or something?

Trying to through a tutorial, then I got stuck at the first line:

$('#name').keyup(function() {
    alert('alert');
});

I don't know the problem.. in fiddle it's all working of course http://jsfiddle.net/pgWtK/1/

I tried putting it inside the head with document ready but that doesn't help so, any clues?

sure. Jquery is now running inside the document ready function and it's still the same result (see vote.js). I can post the page I am trying to get it work in. [link](http://epicesports.com/vote/) .I am so thankful that you guys posted so many guidelines for me. — 今際のアリス, Nov 16 '12 at 16:32
I'm voting to leave this question open but I want you to append links and whatnot to the question if you would. — MrBoJangles, Nov 16 '12 at 18:36

Adil · Answer 1 · 2012-11-16T16:26:16.900

4

You need to put it in $(document).ready(function(){ so that the DOM elements are available to jquery before use, in your case element with id name for binding keyup event.

Also make sure you have included jquery tag. This article will guide you how to use jquery.

$(document).ready(function(){    
     $('#name').keyup(function() {
        alert('alert');
     });
})

edited Nov 16 '12 at 16:26

answered Nov 16 '12 at 15:54

Adil

146,340
25
209
204

you forgot to wrap the `document` inside the jQuery, `$(document).ready();`, P.S. the DV is not from me – Rafay Nov 16 '12 at 16:17
Thanks @3nigma, so nice of you. – Adil Nov 16 '12 at 16:18
I have not tried yet to include the jquery tag, I will try this. – 今際のアリス Nov 16 '12 at 16:34
You should, That could be the reason. include before you use jquery – Adil Nov 16 '12 at 16:36

score 2 · Answer 2 · answered Nov 16 '12 at 15:55

Two things might happen, you dont have correctly loaded Jquery Library or you have not putted that code inside document ready

add jquery in your head example:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

jquery inside document ready

$(function(){
   $('#name').keyup(function() {
      alert('alert');
   });
});

score 2 · Answer 3 · answered Nov 16 '12 at 15:58

Make sure FireBug or an alternative is installed
Check jQuery is loading in the Network panel of FireBug or alternative. If you're loading from a cdn and testing locally, make sure there's a fallback if it's not loading
Make sure your jQuery code is wrapped in a $(document).ready(...) call
Use the following code in your console of FiregBug or alternative to make sure that the event has been bound to the element:

$('#name').data('events');

score 0 · Answer 4 · edited May 23 '17 at 10:29

wrap up your code inside the document ready

$(function(){
 //your code

});

in jsfiddle it done by default but if you select the no-wrap(head) option it would not wrap your js code inside the ready handler see it for yourself.

It's always a good practice to place your js code inside the ready handler so that it is ensured before all the js glitter happens the DOM is rendered, or you can place the js script at the end of your markup

score 0 · Accepted Answer · answered Nov 16 '12 at 16:40

0

The problem is in the file vote.js change the code wth this code you have miss $(

$(document).ready(function(){
   $(function(){
     $('#name').keyup(function() {
     alert('alert');
     });
  });
})

answered Nov 16 '12 at 16:40

Alessandro Minoccheri

35,521
22
122
171

Okay BIG thanks to you and everyone! I am so stupid! This with combination with document ready made everything work as it should. Thank you again and sorry for my bad skill. – 今際のアリス Nov 16 '12 at 16:51

Keyup doesn't respond

5 Answers5