jQuery noConflict
Hi!
I have just finished a website that works great! I incorporated jQuery Image Fade for the logo and now I have added Bigcartel Shopping cart. However the shopping cart utilizes prototype.js and there is a conflict when I call the jQuery and imagefade.js ( http://jqueryfordesigners.com/image-cross-fade-transition/).
I tried to look at the documentation on how to solve this however I am very confused??? Any help would be greatly appreciated
I'm stuck on what I have to do with this code following the jQuery no Conflict ( http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Including_jQuery_before_Other_Libraries):
<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>
Thanks again!
I have just finished a website that works great! I incorporated jQuery Image Fade for the logo and now I have added Bigcartel Shopping cart. However the shopping cart utilizes prototype.js and there is a conflict when I call the jQuery and imagefade.js ( http://jqueryfordesigners.com/image-cross-fade-transition/).
I tried to look at the documentation on how to solve this however I am very confused??? Any help would be greatly appreciated
I'm stuck on what I have to do with this code following the jQuery no Conflict ( http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Including_jQuery_before_Other_Libraries):
<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>
Thanks again!