Использование двух библиотек вместе на одной странице.

Если ваш проект требует одновременного использования двух javascript библиотек, таких как jQuery и Mootools (что конечно не желательно), то могут появится проблемы и ошибки.

 

Для решения проблем совместной работы нужно лишь применить свойство noConflict для jQuery и заключить весь jQuery код в скобки с указанием принадлежности к jQuery:

<p>jQuery определяет цвет текста параграфа, а mootools устанавливает цвет границы этого же параграфа.</p>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script type="text/javascript">
    //no conflict jquery
    jQuery.noConflict();
    //jquery
    (function($) {
      $('p').css('color','#ff0000');
    })(jQuery);
  </script>
 
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools.js"></script>
  <script type="text/javascript">
    //moo
    window.addEvent('domready',function() {
      $$('p').setStyle('border','1px solid #fc0');
    });
  </script>

В этом примере один и тот же параграф обрабатывается сначала jQuery, для установки текста красного цвета, а затем применяется Mootools, для добавления границы вокруг параграфа.