Using jQuery with prototype and scriptalicious
Hi,
I'm working on a project which requires both jQuery and prototype libraries. But I've been struggling to get the two libraries to play nicely, specifically I've been having trouble getting jQuery to work with scriptalicious. I've tried all of the methods listed
here. None of them have worked for me.
The project is pretty complex and requires a lot of javascript plugins. The code is below:
-
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jush.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>
<script type="text/javascript" src="js/jquery.datepicker.js"></script>
<script type="text/javascript" src="js/date.js"></script>
<!--[if IE]><script type="text/javascript" src="js/jquery.bgiframe.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="js/js.js"></script>
<script src="js/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src="js/effects.js" type="text/javascript" charset="utf-8"></script>
<script src="js/glider.js" type="text/javascript" charset="utf-8"></script>
And below is the js.js file (simplified):
-
$.noConflict();
jQuery(document).ready(function($){
$('something').show();
});
As I've mentioned above, I've tried many different variations including replacing the $'s with jQuery, removing the noConflict(), changing the jQuery on DOM.
Does anyone have any suggestions?
Thanks in advance,
Connor