Same version of jquery and multiple inclusions?

Question

I have a HTML file, lets call x.html, and this includes other HTML files. x.html file includes jquery library version 1.4.1. The same version of jquery seems to be included from other HTML files also. In the html of the page, I only see one instance of jquery library 1.4.1 included though.

My question - Would this same version multiple inclusion cause same or similar issue like the inclusion of multiple versions of jquery like the '$' or 'jQuery'not working as expected? or any other problem?

It could cause some issues, so you really tried to include it only once — meskobalazs, Jul 08 '15 at 15:47

Pointy · Answer 1 · 2015-07-08T15:59:20.083

1

Problems arise from a sequence like this:

page fragment imports jquery
... and then imports a jquery add-on that adds new functionality to jquery
another page fragment imports jquery

The second import of the library will erase the work done by the add-on.

edit — jQuery add-on packages will (among other things) do stuff like:

jQuery.fn.something = function() { ...

They add methods to the jQuery package, in other words, so that code can use the facilities of the add-on via

jQuery(whatever).something(...)

When you import the jQuery library after that's been done, then all those changes to jQuery.fn (and any other changes made by add-on packages) are overwritten by the new copy of the jQuery library.

This is not something to be worked around. Or, to put it another way, the workaround is to not include jQuery more than once.

edited Jul 08 '15 at 15:59

answered Jul 08 '15 at 15:52

Pointy

405,095
59
585
614

Could you please elaborate on that one, specifically the add-on part. with example would be helpful. – anand patil Jul 08 '15 at 15:54
Also, please tell about what is a page fragment? – anand patil Jul 08 '15 at 15:57
@anandpatil answer extended. Don't import jQuery more than once. – Pointy Jul 08 '15 at 15:59
@anandpatil by page fragment I meant the stuff you asked about in your own question: separate html files that are combined to make one larger file. – Pointy Jul 08 '15 at 16:00

Same version of jquery and multiple inclusions?

1 Answers1