loading jquery twice causes an error?

Question

I have a page where jquery + other js's is being loaded:

<script src="/eiv/javascripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/eiv/javascripts/jquery.jeditable.js" type="text/javascript"></script>
<script src="/eiv/javascripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script src="/eiv/javascripts/corner.js" type="text/javascript"></script>
<script src="/eiv/javascripts/jquery.form.js" type="text/javascript"></script>
<script src="/eiv/javascripts/validationdate.js" type="text/javascript"></script>

I am loading tabs as follows:

<%if (tabnum == 1) {%>
        <script type="text/javascript">

            $(document).ready(function(){
                $("#tabs").tabs();
                $("#tabs ul li a").corner('7px top');

               var $tabs = $('#tabs').tabs();
                $tabs.tabs('select', 0);
                dateValidation();
                changeOption();
                deleteConfirmation();
        });
        </script>
<%} else if (tabnum==2) {%>
        <script type="text/javascript">

            $(document).ready(function(){
                $("#tabs").tabs();
                $("#tabs ul li a").corner('7px top');

               var $tabs = $('#tabs').tabs();
                $tabs.tabs('select', 1);

                   changeOption();
                   deleteConfirmation();
        });
        </script>
<%}%>

the validationdate.js is a mine built js that checks dates and other stuff. it has this as the first line:

document.write('<script type="text/javascript" src=""jquery-1.3.2.min.js""></script>');

Problem: Is that in production at time ..this page errors out and give a JS error. This causes the tab's to be not clickable. This error happens intermittently and I can not seem to reproduce it on my machine. Both machines are using IE. Error also happens in Firefox, though little JS error thing does not show up in firefox. and I even have firebug which does not show any JS error either.

I suspect that error is coming up because validationdate.js is also loading jquery-1.3.2.min.js. Can this be an error?

By the way, the JS error I get is 'Exception caught but not thrown ..line 23' and line 23 is following

<script src="/eiv/javascripts/jquery-1.3.2.min.js" type="text/javascript"></script>

I am really out of options here and am willing to try stuff out. and also ways to reproduce on my machine so i can fix it!!

Make sure that you are using one instance of jquery and it goes on top of all other js included files. — Sarfraz
– Sarfraz, Commented Apr 28, 2010 at 17:50
yeah there is only one instance of jquery in my page. however, like i said, validationdate.js also has a jquery instance. so does that make TWO instances of jquery — yuri
– yuri, Commented Apr 28, 2010 at 17:56
The script element you're writing with document.write won't run successfully due to the doubled up quotes in the src attribute. — interjay
– interjay, Commented Apr 28, 2010 at 17:59
@interjay any reason it would run fine on my box with same browser? — yuri
– yuri, Commented Apr 28, 2010 at 18:03
nevermind...then what I am thinking is probably not the problem — yuri
– yuri, Commented Apr 28, 2010 at 18:06

Nick Craver · Accepted Answer · 2010-04-28 22:47:48Z

19

First to to answer your question, yes, including jQuery twice can cause all sorts of issues.

To fix it, this line:

document.write('<script type="text/javascript" src=""jquery-1.3.2.min.js""></script>');

Should be wrapped to check if jQuery already exists instead of blindly including it again, like this:

if (typeof jQuery == 'undefined') {  
  document.write('<script type="text/javascript" src=""jquery-1.3.2.min.js""></script>');
}

Then, it will only include it if jQuery isn't already on the page. There is one caveat, if you're using a different (probably newer) version of jQuery than the validation code was built for, there's a chance there are some breaks.

answered Apr 28, 2010 at 22:47

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

4 Comments

ripper234 Over a year ago

The part about double loading jQuery causing errors - is this from experience, or just good advice?

Nick Craver Over a year ago

@ripper234 - both...when you reload jQuery it will re-define window.$ and window.jQuery, clearing all previously loaded plugins for example. That's probably the single most common symptom of a double-include I see on Stack Overflow: "Why isn't my plugin defined? I included the script!"

ripper234 Over a year ago

Alright, I'm trying to clean this up from our code ... we're loading jQuery twice for some convoluted reason, and seeing errors in some jquery-ui plugins.

fresher Over a year ago

good one sir, may i use google cdn & fall back to hosted library if google fail as in this link , in that case i need to load jquery 2 times right ?

Michael Schmidt · Accepted Answer · 2012-10-11 07:26:47Z

2

Using an iframe will cause JQuery to load twice if you
1) load JQuery for each page (i.e. in Ruby on Rails via application.html.erb) and
2) the iframe is also a page from your application rather than an iframe of an external site.

edited Oct 11, 2012 at 7:26

Michael Schmidt

9,26013 gold badges59 silver badges80 bronze badges

answered Jul 23, 2012 at 22:11

user1515295

1,21112 silver badges29 bronze badges

Comments

webmaker1 · Accepted Answer · 2012-08-14 08:08:14Z

1

i spent hours figuring out why using jQuery.noConflict() doesn't work as is...

Just use var j$ = jQuery.noConflict(); and after that use j$ in place of $ every time you use Jquery on that page.

answered Aug 14, 2012 at 8:08

webmaker1

3891 gold badge9 silver badges25 bronze badges

1 Comment

Bob Gregor Over a year ago

or use jQuery(function($) { }), which wraps your function and allows you to use $ as normal

Collectives™ on Stack Overflow

loading jquery twice causes an error?

3 Answers 3

4 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related