Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery scripts NOT working due to use of $.noConflict
    primarykey
    data
    text
    <p>I got 2 JS files called as " scripts1 " containing scripts of a slideshow and " the active link class " AND another one " script2 " containing scripts of " Mootools gallery " .<br> The 1st problem was a conflict between jquery and Mootools libraries that got solved using<br> " jQuery.noConflict() " in " script1 ".<br> But after that the scripts of " the active link class " stopped working which does work well if I remove the " jQuery.noConflict() " from " script1 " [ But then the Mootools gallery will not work].<br> I just guess there must be some logical problem about $ sign or something. If so, PLZ explain the logic behind.<br> By the way, I even went through the following solutions, BUT NO RESULT !!! </p> <ol> <li><a href="https://stackoverflow.com/questions/6080095/jquery-and-mootools-noconflict-is-failing">Jquery And Mootools, .noConflict is failing</a> </li> <li><a href="https://stackoverflow.com/questions/7385048/jquery-mootools-conflict">Jquery-Mootools conflict</a> </li> <li><a href="http://www.phil-taylor.com/2007/01/31/using-mootools-and-jquery-without-conflict/#.USjun6XI2ky" rel="nofollow noreferrer">http://www.phil-taylor.com/2007/01/31/using-mootools-and-jquery-without-conflict/#.USjun6XI2ky</a> </li> </ol> <p>Anyway,I'd put the codes below and just hope you can tell me where im going wrong.<br> The file " script1.js " contains the following codes :</p> <pre><code>jQuery(document).ready(function () // the slideshow function { jQuery('#SlidesUl').fadeSlideShow(); }); $(function () // the active link codes { var url = window.location.pathname, urlRegExp = new RegExp(url.replace(/\/$/, '') + "$"); $('#Menu div span #Menu1st a').each(function () { if (urlRegExp.test(this.href.replace(/\/$/, ''))) { $(this).addClass('active1st'); } }); }); jQuery.noConflict(); (function($) // the slideshow options and all { the codes })(jQuery); </code></pre> <p>And The file " script2.js " contains these : </p> <pre><code>jQuery(document).ready(function ($) // the Mootools gallery codes { the codes }); </code></pre> <p>And here is how Ive put the libraries and files : </p> <pre><code>&lt;script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script src="js/script1.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src=" MooTools 1.4.4 " type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/script2.js" type="text/javascript"&gt;&lt;/script&gt; </code></pre> <p>Any help or explanation would be greatly appreciated :)</p>
    singulars
    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