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?
Answer
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.