Home/ Questions/Q 6882329
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T05:14:23+00:00

I’ve been playing around with the revealing module patter. I originally started using the

  • 0

I’ve been playing around with the revealing module patter. I originally started using the Singleton pattern but from reading around the module pattern seems to be the better option.

So i’ve tested the following:

var test = (function() {

var init = function () {
    alert('hello');
};

return {
    init: init
};
})();

and this works fine when calling

<script>test.init();</script>

However, i want to use jQuery so i tried:

var test = (function($) {

var init = function () {
    $("#samplediv").html('test');
    alert('hello');
};

return {
    init: init
};
})(jQuery);

but this doesn’t work. It does work when using:

<script>$(function() { test.init(); });</script>

How can i get it to work without the added jQuery when calling it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Usually, anything that touches the DOM needs to done in the $(document).ready(fn) callback. $(fn) is a shortcut for this.

    So the reason it doesn’t work is because you are searching for DOM elements that don’t exist yet. So you have 2 choices. Either you must use the $() wrapper, or find another way to run your code only after the DOM elements exist. Another way to do this is to move your script tag the bottom of the body tag so that the DOM elements can exist when it’s ran.

    <body>
  <!-- your page elements here -->
  <script>test.init();</script>
</body>
    • 0