ansaurus

Question

Answer 1

A:

Does this code work:

var div = jQuery("#divLeftSideModelsList");
alert(div);

Praveen Angyan 2009-06-09 16:24:23

Answer 2

+4 A:

Have a read of this: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Shows good examples :)

OVERRIDING THE $-FUNCTION

However, you can override that default by calling jQuery.noConflict() at any point after jQuery and the other library have both loaded. For example:

 <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>

This will revert $ back to its original library. You'll still be able to use "jQuery" in the rest of your application.

Additionally, there's another option. If you want to make sure that jQuery won't conflict with another library - but you want the benefit of a short name, you could do something like this:

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

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

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

Shadi Almosri 2009-06-09 16:27:52

Answer 3

+2 A:

You should use jQuery in noConflict mode. And then use jQuery() instead of $().

Wim Leers 2009-06-09 16:28:13

Answer 4

A:

Strange bug. Anyways, both prototype and jQuery redefine the global variable $.

Please read this to know how jQuery can play nice with other libraries.

It basically says that calling jQuery.noConflict() leaves the $ variable alone for the other libs to use

Pablo Fernandez 2009-06-09 16:28:28

ansaurus

tags:

views:

answers:

jQuery -prototype conflict

related questions