Use both jquery.js and scriptaculous.js files?

Asked 4/8, 2009 at 11:5 Answered 16/7, 2013 at 8:41

Solved jquery cakephp prototypejs conflict scriptaculous

Is there any way to use both the jquery and scriptaculous js files together?

I was trying to implement the autocomplete feature of the cakephp framework which required the js files,prototype.js,scriptaculous.js,effects.js and controls.js.

I also use JQuery functions in my application which requires the jquery.js file.

The auto complete feature does not work if I include the jquery.js file. But I also require the jquery.js files to implement my jquery functions.

So is there any method to use both the js files?

Decumbent answered 4/8, 2009 at 11:5 Comment(1)

Did you see this link?: docs.jquery.com/Using_jQuery_with_Other_Libraries – Abrupt 4/8, 2009 at 11:9

You would need to enable no-conflict mode in jQuery, see:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

From the above link:

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

However, you will still need to load Prototype for Scriptaculous to work. As a suggestion, you may want to try out jQuery's autocomplete plugin, if you're using those other libraries just (or mainly) for an autocompleter widget.

Steffy answered 4/8, 2009 at 11:8 Comment(0)

The easiest way to do both jQuery and Scriptaculous is to do:

var $j = jQuery.noConflict();

and use $j instead of $ for jQuery.

$j('#id'), for example.

Sludge answered 16/7, 2013 at 8:41 Comment(0)

Recommended topics

Hot tags