jkeks блог


Использование jQuery и Mootools вместе



12.5.2011 510 просмотров ;)


Я такой балбес что у меня назрела необходимость использовать вместе jQuery и Mootools, всем известно что jQuery – это всеми любимый упрощающий жизнь фреймворк, а MooTools – вкусный тоже фреймворк, который как сказал Джобс – хочется облизать.

Хватит порнухи.

Задача – заставить работать Mootools и jQuery на одной страничке без проблемм.

 <p>С помощью jQuery делаем этотпараграф красным, и MooTools устанавливает цвет бордюра <p>
  <script type="text/javascript" src="jquery-1.3.js"></script>
  <script type="text/javascript">
    //делаем  jquery безконфликтным
    jQuery.noConflict();
    //jquery код-с оберткой
    (function($) {
      $('p').css('color','#ff0000');
    })(jQuery);
  </script>
  <script type="text/javascript" src="moo1.2.js"></script>
  <script type="text/javascript">
    //moo код
    window.addEvent('domready',function() {
      $$('p').setStyle('border','1px solid #fc0');
    });
  </script>

1. Подключаем jQuery, используем jQuery в безконфликтном режиме

2. Подключам MooTools и используем как обычно

Ничего тут странного нет, все очень просто, поэтому пользуемся. Есть еще может быть более удобный вариант обескофликтования jQuery: [ http://jkeks.ru ]

Можно сделать объект JQ (к примеру), который в jQuery коде будет использоваться вместо знака $ :

<script type=”text/javascript”>

var JQ = jQuery.noConflict();

</script>

И тогда JQ заменит знак $ в коде:

JQ(‘p’).css(‘color’,'#ff0000?);

Если хочется возиться все же в jQuery со знаком $, то обертку можно сократить вот так:

(function($){
  // $
})( jQuery.noConflict() );







Видеочат рулетка

jAntivirus Рейтинг@Mail.ru