jQuery syntax on Twitter Bootstrap JS FILES

Question

I have a doubt with the syntax in the Twitter Bootstrap's JS files. This is an example file (bootstrap-dropdown.js):

!function ($) {

/*  ...    */

  /* APPLY TO STANDARD DROPDOWN ELEMENTS -- QUESTION CODE
   * =================================== */
  $(function () {
    $('html').on('click.dropdown.data-api', clearMenus)
    $('body')
      .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
      .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
  })

}(window.jQuery);

Why they have a code block inside the jQuery function $(function(){}) ? I think it works without the jQuery function enclosing.

Thanks

Sherbrow · Accepted Answer · 2012-06-25 17:02:35Z

1

This function behaves just like $(document).ready(), in that it should be used to wrap other $() operations on your page that depend on the DOM being ready.

Check the doc.

answered Jun 25, 2012 at 17:02

Sherbrow

17.4k3 gold badges67 silver badges79 bronze badges

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

2 Comments

Jose S Over a year ago

so, if I declared this JS FiLE at the end of the BODY, the jQuery function enclosing doesn't have any effect?

Sherbrow Over a year ago

@JoseS almost no effect, there may be things that the browser do between the end of </body> and the DOM being ready. You should keep it, at least as a security.

clyfe · Accepted Answer · 2012-06-25 17:02:06Z

1

!function ($) {
    ...
}(window.jQuery);

That is used to create a scope (think namespace) who's variables will not pollute the global namespace.

If that would not be used, the toggle variable for example, would pollute the global namespace.

answered Jun 25, 2012 at 17:02

clyfe

23.8k8 gold badges88 silver badges110 bronze badges

1 Comment

Jose S Over a year ago

thanks for the answer but I'm asking about the inner jQuery function enclosing, after the comment that says "APPLY TO STANDARD DROPDOWN ELEMENTS -- QUESTION CODE"

Collectives™ on Stack Overflow

jQuery syntax on Twitter Bootstrap JS FILES

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related