[jQuery] Using jQuery.noConflict() with Prototype/Scriptaculous
Hello all,
I'm trying to incorporate jquery into pages with prototype. This is
what I'm doing in order:
1) Load prototype/scriptaculous
2) Load jquery
3) Execute jQuery.noConflict();
4) Execute jquery via (function($) { ...... })(jQuery);
The jquery code isn't being executed (prototype is), does anything
look obviously wrong with what I'm doing? I've included a mock of my
page source below.
<html>
<head>
<script src="./js/prototype_min.js" type="text/javascript"></script>
<script src="./js/scriptaculous/effects_min.js" type="text/
javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="js/jqModal.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
</head>
<body>
page stuff
<script type="text/javascript">
//SOME PROTOTYPE STUFF
(function() {
//all <a> tags inside if a <div class="links"> tag will open in a
new window.
Behaviour.register({
'div.links a' : function(a) {
a.onclick = function() {
window.open(a.href);
return false;
}
}
});
more prototype stuff
})();
//START JQUERY
(function($) {
//START DEMO MODAL
var closeModal = function(hash) {
var $modalWindow = $(hash.w);
$modalWindow.fadeOut('2000', function(){
hash.o.remove(); // removes overlay
});
};
more jquery stuff
})(jQuery);
//END JQUERY
</script>
</body>
</html>