Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Use both jquery.js and scriptaculous.js files?

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?

like image 953
Angeline Avatar asked Aug 04 '09 11:08

Angeline


2 Answers

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.

like image 117
karim79 Avatar answered Oct 17 '22 15:10

karim79


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.

like image 40
user2586486 Avatar answered Oct 17 '22 16:10

user2586486