ansaurus

Question

when importing multiple javascript files the javascript seems to break

Answer 1

+3 A:

You need to run jquery in no-conflict mode, see:

From the above:

<html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();

     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
 </head>
 <body></body>
 </html>

karim79 2009-08-13 08:03:42

Ahh, I see what you mean. I'm not completely sure of the syntax though, do I have to add all of the code you supplied from "jQuery.noConflict(); // Use jQuery via jQuery(...) jQuery(document).ready(function(){ jQuery("div").hide(); }); // Use Prototype with $(...), etc. $('someid').hide();"If so where abouts? Is it possible you can paste the code I'm missing into what I posted?Thanks so much.

2009-08-13 08:10:52

@waywardmd - No, you don't, that's just an example of how it is used. Include prototype before jquery, and just put the line jQuery.noConflict(); at the beginning of your script. I would suggest reading the links I have provided.

karim79 2009-08-13 08:14:04

@waywardmd - Also, when writing jQuery script, make sure to use jQuery instead of the '$' that prototype uses, e.g. jQuery.hide("slow");

karim79 2009-08-13 08:17:51

I think i've got it all sorted out, thanks again!

2009-08-13 08:33:56

Answer 2

+1 A:

You're using jQuery and prototype, which both define a $() function.

You need to use

jQuery.noConflict();

Greg 2009-08-13 08:04:15

Answer 3

A:

Hi, i am also facing the same problem.However,i am not using jQuery?Above options doesn't seem to be working.My code is soemthing like:

but it says syntax error at like 1. Can you help?

Yaminee 2010-05-03 06:11:39

Yaminee 2010-05-03 06:12:34

ansaurus

tags:

views:

answers:

when importing multiple javascript files the javascript seems to break

related questions