Prototype.js conflicting with jquery.js : How to solve this?

Question

I have parent.jsp, which contains prototype.js. The parent.jsp contains a link , which loads contents from child.jsp, but the child.jsp contains jquery.js. Now prototype is conflicting with jquery and i get a whole lot of errors in internet explorer and one error in mozilla firefox.

Most of internet explorer problems are referring to $ symbol and document.body.appendChild().

The mozilla firefox is giving this error:

typeerror value does not implement interface node in this line of prototype :

var query= document.evaluate(expression, $(parentElement) || document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

Can any one suggest how to solve this problem ? I have googled a lot, given noConflict for jquery, still nothing is working .

The Dark Knight · Accepted Answer · 2013-05-23 11:59:57Z

2

Okay so , i found out the problem, it seems all this problem was because of jquery.js getting loaded twice, once from child.jsp and again from another page. Hut!!!.

That was horrible, took me forever to find that out.

answered May 23, 2013 at 11:59

The Dark Knight

5,59913 gold badges59 silver badges105 bronze badges

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

Comments

DAC84 · Accepted Answer · 2013-05-23 11:28:08Z

1

Refer to jQuery noConflict docs: http://api.jquery.com/jQuery.noConflict/#example-1

Use this example in you child page:

jQuery.noConflict();
(function($) {
  $(function() {
   // put your jquery code in here
  });
})(jQuery);
// other code using $ as an alias to the other library

answered May 23, 2013 at 11:28

DAC84

1,2641 gold badge20 silver badges30 bronze badges

2 Comments

The Dark Knight Over a year ago

Look at my question, i have used noConflict, wasn't of much help .

Rob Grant Over a year ago

I think if you use a self executing function you don't need the noConflict() call.

Unihedron · Accepted Answer · 2014-10-14 11:02:35Z

0

If your conflicting issue not resolving even after putting noConflict script, replace all '$' symbol with 'jQuery' throughout your jquery code.

edited Oct 14, 2014 at 11:02

Unihedron

11.1k13 gold badges65 silver badges72 bronze badges

answered Oct 14, 2014 at 10:44

Jayan

1

Collectives™ on Stack Overflow

Prototype.js conflicting with jquery.js : How to solve this?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related