jQuery append not working from within a plugin

Question

I want to run a an append(and more stuff later on) from within a plugin, but for some reason it doesn't do anything.

the code(basic):

(function($){   

    function _init(){

        $('body').append('<div class="msg"/>');

    }

    _init()             

})(jQuery);

This is not really a plugin. It is the same as just defining and calling _init() immediately. Most likely document.body is not loaded yet at this point. It is not clear to me at which stage you want to execute which code. — Felix Kling
– Felix Kling, Commented Mar 1, 2012 at 23:05
This is a plugin but its not initialized at this stage, but i see that its because the DOM isn't ready.......stupid me :P — user759235
– user759235, Commented Mar 1, 2012 at 23:09

burak altundal · Accepted Answer · 2012-03-01 23:06:29Z

4

jQuery append can only work after dom ready. The code you have pasted is probably working before dom ready event. Please check below;

answered Mar 1, 2012 at 23:06

burak altundal

7125 silver badges9 bronze badges

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

Comments

Christian · Accepted Answer · 2012-03-01 23:15:06Z

1

To put it in code, it should look like:

(function($){

    jQuery(document).ready(function(){

        $('body').append('<div class="msg"/>');

    });

})(jQuery);

answered Mar 1, 2012 at 23:15

Christian

28.3k18 gold badges117 silver badges162 bronze badges