I am working on a site where I have several JQuery scripts which all play nicely together. I need to add a script which uses mootools and now I am having problems due to a conflict. I have read a few articles but am totally lost as I can't seem to get any of the noconflict suggestions to work. It may be due to my lack of understanding.
At the moment these are the JQuery scripts I am calling...
And I want to call use this mootools script...Code:<script type='text/javascript'> jQuery.noConflict(); jQuery(document).ready(function(){ jQuery("img.a").hover( function() { jQuery(this).stop().animate({"opacity": "0"}, "slow"); }, function() { jQuery(this).stop().animate({"opacity": "1"}, "slow"); }); }); </script> <script type="text/javascript"> $speed = 600; $duration = 8000; $(document).ready(function() { $('blockquote').quovolver($speed, $duration); }); </script>
The mootools script works on its own, just not when it is added to the rest.Code:<script type="text/javascript"> window.addEvent('domready', function(){ var devmenu = new deviantMenu('deviantMenu-main-conatiner'); }); </script>
Any help or pointers would be greatly appreciated. The ideal solution would be a simpler design, but this is what the client wants![]()



Reply With Quote




Bookmarks