JQuery problems in drupal

Question

I'm having problems with $(document).ready function. The problem is that it is not executed and there are no errors. I have tried to change $ to jQuery, but the result is the same. I'm sure that jQuery is loaded because other JQ functions work.

Here is my code:

(function($){
    alert( $(window).width() );
    $(document).ready(function(){
        alert(1);
    }); 
})(jQuery);

The first alert is working fine but the second is not.

Where did you added you JS code? Is it included within the page? — Mike Vranckx, Oct 21 '13 at 16:50

Albert Matevosov · Answer 1 · 2013-10-22T09:16:04.827

0

What show Firebug console? Try to debug with function:

console.log.("It's working!");

Most likely jQuery it wasn't initialized yet.

edited Oct 22 '13 at 09:16

answered Oct 22 '13 at 08:40

Albert Matevosov

66
5

A friend suggested that I include my js with drupal_add_js();. It seams that is working. Thanks for your help. – Matej Žvan Oct 22 '13 at 09:35

score 0 · Accepted Answer · edited May 23 '17 at 11:50

What you are looking for is Differences between document.ready and $function

They both are same

(function($){

})(jQuery);

or

$(document).ready(function(){

});

although the code you have provided should work but what you need to do is either use

(function($){
    alert( $(window).width() );
    alert(1); 
})(jQuery);

or

$(document).ready(function(){
    alert( $(window).width() );
    alert(1);
});

Update

Also take a look at $.ready documentation http://api.jquery.com/ready/

JQuery problems in drupal

2 Answers2