Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery-Mootools conflict
    primarykey
    data
    text
    <p>i have been trying to make 2 scripts(1 mootol and 1 jquery) work at the same page to no avail..been researching many a forums and all but i still cant make the 2 work simultaneously. </p> <p>this is how it looks in my header:</p> <pre><code>&lt;script type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/plugins/buddypress/bp-themes/bp-default/js/jquery-1.4.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; jQuery.noConflict(); $(document).ready(function () { var hide = false; $("#posts-menu, .submenu").hover(function(){ if (hide) clearTimeout(hide); $(".submenu").fadeIn(); }, function() { hide = setTimeout(function() { $(".submenu").fadeOut("slow"); }, 250); }); })(jQuery); &lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/plugins/buddypress/bp-themes/bp-default/js/mootools-core-1.3.2.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/plugins/buddypress/bp-themes/bp-default/js/mootools-more-1.3.1.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/plugins/buddypress/bp-themes/bp-default/js/wall.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('url'); ?&gt;/wp-content/plugins/buddypress/bp-themes/bp-default/js/wall-lide.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; &lt;!-- window.addEvent('domready',function(){ // -- horizontal var myHorizontalSlide = new Fx.Slide('login-welcome-div-slide', {mode: 'vertical'}); $('slideout').addEvent('click', function(event){ event.stop(); myHorizontalSlide.slideOut(); }); }); // --&gt; &lt;/script&gt; </code></pre> <p>i managed the mootools script to work even if theres a jquery.js call... you can see that i already used <code>jQuery.noConflict();</code> in the 3rd line..</p> <p>the problem is that the mootool scripts works if the jquery.noconflict is there but the jquery scripts doesnt work! now if remove the jquery.noconflict its now the other way around, the jquery script works but not the mootool scripts..i just couldnt make the 2 of them work!</p> <p>any kind of help would be greatly appreciated.. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload