Button onclick to click() jquery

Question

I have a button that reacts to onclick() at the moment, but I want it to work with jquery.

$('#nupp1').click(function() {
    raiseButtonAction(realPlayer, gameState);
});

raisebuttonaction is in another .js This piece of code isn't working. Am I doing something wrong? edit1:

$(document).ready(function() {
    $('#nupp1').click(function() {
        raiseButtonAction(realPlayer, gameState);
    });
});

Where did you put that piece of code? It should be in a "ready" handler. — Pointy
– Pointy, Commented Mar 28, 2011 at 18:05
Where are the variables realPlayer and gameState coming from? — gen_Eric
– gen_Eric, Commented Mar 28, 2011 at 18:05
Is raisebuttonaction script being included before this bind script? — BrunoLM
– BrunoLM, Commented Mar 28, 2011 at 18:06
Where/when is this code being run? Part of $(document.ready)? — AlG
– AlG, Commented Mar 28, 2011 at 18:06

BrunoLM · Accepted Answer · 2011-03-28 18:08:59Z

3

Assuming you have this:

<head>
    <scripts />
</head>
<body>
    <a id="nupp1"></a>
</body>

You code will not work. jQuery will not be able to find the element. The element must exists for that function to work. So

<a id="nupp1"></a>
<script />

Will work because a is being rendered before the script.

You can also use $(document).ready or $() to execute your function when the DOM nodes load.

Or you can use jQuery.live.

jQuery API

ready Specify a function to execute when the DOM is fully loaded.
live Attach a handler to the event for all elements which match the current selector, now and in the future.

answered Mar 28, 2011 at 18:08

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1