[jQuery] library conflict
Hello
I'm toying with using jQuery and prototype/scriptaculous on the same
site/page.
Libraries are loaded as usual in the head section, and I'm calling the
jQuery corner
plug-in with:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($j) {
$j("#box").corner("round 20px");
$j("#banner").corner("bottom 20px").corner("top bevel");
...
});
</script>
and using prototype/scriptaculous somewhere in the page with:
<a href="javascript:void(0)" onclick="Effect.toggle('notme','BLIND');
return false;"
style="text-decoration:none">Disclaimer</a>
<div id="notme" style="display:none">
This site is a feature demo
site, and it's
contents have not been endorsed by ...
The problem is when the page is loaded, the prototype effects works, but
the box
corners are not rounded (there is a conflict).
If I call the corners plug-in normally, the corners are rendered as
intended, but the
prototype effect fails.
I've tried other methods of avoiding conflicts as outlined in the jQuery
page, but
none works.
Has anyone figured out how to make jQuery play nice with
prototype/scriptaculous?
TIA