Question

I’m, let’s say, new to jquery. I’ve stumbled across a quite interesting problem.
I`ve page with text ( text and images ) and button for next. Clicking the button has to make 2 things first go to next element and call loadNext. No problem so far, but the loadNext procces some info from the next element. It must be executed after all the content is loaded.

So how to put the ready check inside the click function –
$(‘#next’).click(loadNext);

$('#next').click(function () {
   loadNext();
});

This doesn`t work. Nevertheless jquery version used is 1.3.2 because of Greasemonkey problem with the later versions (problem with //@require).

Can you give any suggestion what to do.

Answer 1

You can disable the button until the content is loaded:

<button id="next" disabled="disabled" />

$(document).ready(function(){
    $('#next').removeAttr('disabled').click(function () {
       $(this).attr('disabled', 'disabled');
       loadNext();
    });
});