Hi
I cannot get rid of the conflict between jQuery and mootools. I use the jquery treeview plugin, and I have a Flash banner for which Contao generates a javascript code using the mootools library. I tried to use the noConflict functionality of Jquery but it doesn' t help. Can soemeone tell me what have I done wrong ?
Here is the code
Code:
<script type="text/javascript" src="plugins/jquery/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>
<script language="Javascript" type="text/javascript" src="plugins/jquery-treeview/jquery.treeview.min.js"></script>
<script src="plugins/jquery-treeview/jquery.treeview.async.js" type="text/javascript"></script>
<link rel="stylesheet" href="plugins/jquery-treeview/jquery.treeview.css" />
<script language="Javascript" type="text/javascript" >
$.noConflict();
jQuery(document).ready(function($){
$("#arbo").treeview({
url: "plugins/jquery-treeview/treeview.php"
});
});
</script>
</head>
and within the body, the mootools generated code :
Code:
<script type="text/javascript">
<![CDATA[//><!--
if (Browser.Plugins.Flash.version > 0) {
new Swiff("tl_files/peyrichou/flash_header_mini.swf", {
id: "swf_44",
width: 360,
height: 133,
params : {
allowFullScreen: true,
flashvars: "URL=http://contao.dev.acao.fr/"
},
container: $('swf_44_container')
});
}
//--><!]]>
</script>
The error is " $ is not a function" in the mootools code.
Thank you for your help.
Bookmarks