MooTools и JQuery конфликт - Noconflict не работает для меня

0

Я добавляю меню к существующему сайту, который использует 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>  
  • 0
    вы говорите, что noConflcct не работает для вас ... можете ли вы обновить код, чтобы показать, как вы его пробовали. Так будет легче помочь
  • 0
    обновлено с размещением у меня noconflict, если я помещаю библиотеку jquery перед mootools, она также работает нормально, но, к сожалению, это на моем тестовом сайте, и на сервере парней я не могу переместить jquery до mootools я также попробовал var j $ как mootools, если, вероятно, использовал $ по умолчанию и не повезло
Показать ещё 1 комментарий
Теги:

1 ответ

0

Вы не можете использовать $.noConflict. Все столкновение происходит из обеих библиотек, используя $ в качестве псевдонима.

Пытаться

jQuery.noConflict();
(function($){
    /* within this wrapper "$" is jQuery again*/
     $('#headerTvRotator').innerfade.....

 })(jQUery);

Не используйте код jQuery с "$" за пределами этой оболочки... иначе нужно использовать полное слово jQuery, как в:

 jQuery('#headerTvRotator').innerfade.....
  • 0
    Я отредактировал свое первоначальное сообщение с вашим изменением, но я подал заявку на сайте и все равно не будет работать. Если бы я мог заставить библиотеку JQuery загружаться до этого MooTools все в порядке .... Увы ... я застрял LOL
  • 0
    какие ошибки выдаются в консоли?
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню