Я добавляю меню к существующему сайту, который использует mootools, для моего меню нужна библиотека jquery. У меня есть только контроль над добавлением jquery js файлов и скриптов, а mootools должны быть оставлены в верхней части головы, а мой должен быть под ним. Я попытался добавить jQuery.noConflict();
прямо перед готовкой документа и не будет разрешаться. Если я удалю файл mootools js, функции меню отлично.
<script type="text/javascript" src="http://www16.myfantasyleague.com/mootools-core-1.3.1-full-compat-yc.js"></script>
<script type="text/javascript" src="/js/jquery_1.8.2.js"></script>
<script id="footerScriptsReady" type="text/javascript">
jQuery.noConflict();
(function($){
$('#headerTvRotator').innerfade({ animationtype: 'fade', speed: 250, timeout: 10000, type: 'sequence', containerheight: '40px' });
var saag = CBSi.app.SAAG.init({
'categories':
{
"tab1":{
"scoreboard_url":"#url-here",
"ord":0,
"menu_subtitle":"<a2>For<BR CLEAR=LEFT>Commish</a>",
"default":0,
"content_url":"div_forcommissioners",
"menu_title":"",
"league_abbr":"tabname",
"scoreboard_subtitle":"Live<BR CLEAR=LEFT>Scores"
},
"tab2":{
"scoreboard_url":"#url-here",
"ord":2,
"menu_subtitle":"<a2>For<BR CLEAR=LEFT>Owners</a>",
"default":0,
"content_url":"div_forowners",
"menu_title":"",
"league_abbr":"tabname",
"scoreboard_subtitle":"Live<BR CLEAR=LEFT>Scores"
},
"tab3":{
"scoreboard_url":"#url-here",
"ord":3,
"menu_subtitle":"<a1>REPORTS</a>",
"default":0,
"content_url":"div_reports",
"menu_title":"",
"league_abbr":"tabname",
"scoreboard_subtitle":"Live<BR CLEAR=LEFT>Scores"
}
},
'activeCategory':'tab2'
});
})(jQUery);
</script>
<div id="menuContentsArea" style="display:none;">
<div id="div_myleagues">
<ul id="myleagues">
<!--<li class="myleagues"></li>-->
</ul>
</div>
<div id="div_forowners">
<ul id="forowners">
<!--<li class="forowners"></li>-->
</ul>
</div>
<div id="div_communications">
<ul id="communications">
<!--<li class="communications"></li>-->
</ul>
</div>
</div>
Вы не можете использовать $.noConflict
. Все столкновение происходит из обеих библиотек, используя $
в качестве псевдонима.
Пытаться
jQuery.noConflict();
(function($){
/* within this wrapper "$" is jQuery again*/
$('#headerTvRotator').innerfade.....
})(jQUery);
Не используйте код jQuery с "$" за пределами этой оболочки... иначе нужно использовать полное слово jQuery, как в:
jQuery('#headerTvRotator').innerfade.....
noConflcct
не работает для вас ... можете ли вы обновить код, чтобы показать, как вы его пробовали. Так будет легче помочь