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

12.5.2011 - 1850 просмотров ;)

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

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

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

<pre> <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></pre>

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

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

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

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


<p><script type=”text/javascript”>
<br />var JQ = jQuery.noConflict();

<br /></script></p>

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


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

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


<pre>(function($){
// $
})( jQuery.noConflict() );</pre>

Статьи из раздела, Видеочат рулетка