Совместное использование jQuery и MooTools

Понедельник, февраля 7, 2011 16:47
jquery

jquery

Недавно столкнулся с проблемой совместного использования двух js фреймворков, а именно jQuery и Mootools. Обычно я принципиально пользуюсь только jQuery, но тут ввиду того что дизайн делал человек знакомый только с mootools я был поставлен перед выбором либо разбираться с этим фреймворком (чего очень не хотелось), либо сдружить их с jQuery, вариант переписывать все с mootools на jQuery отпал сразу.

Пообщавшись с знакомым я узнал что есть чудная функция jQuery.noConflict(). Почитав мануал к ней, да и погуглив я понял что все на много проще чем мне казалось изначально.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
<script src='http://code.jquery.com/jquery-1.5.js' type='text/javascript'></script>
 <script>jQuery.noConflict();</script>
<script src='/js/ajaxjquery.js' type='text/javascript'></script>
<script type="text/javascript" src="/js/mootools-1.2.4-core-yc.js"> </script>
<script type="text/javascript" src="/js/mootools-1.2.4.4-more.js"> </script>
<link rel="stylesheet" type="text/css" href="/css/slideshow.css" media="screen" />
<script type="text/javascript" src="/js/slideshow.js"></script>

Как видите мы подключаем библиотеку jQuery затем идет функция jQuery.noConflict() а после этого подключаем js фаил в котором лежат нужные нам функции для работы с  jQuery единственное что в нем мы используем следующий синтаксис

function exchange(id,id_obj)
{
        jQuery.ajax({
                type: "POST",
                url: "/templates/jscripts/ajax_exchange.php",
                data: "id="+id+"&id_obj="+id_obj,
                // Выводим то что вернул PHP
                success: function(html){
                        jQuery("#price").empty();
                        jQuery("#price").append(html);
                }
        });
}

По сути ничего сложного, но подобные манипуляции позволяют использовать jQuery и mootools одновременно.

Хотя со временем все равно перепишу все под jQuery.

Метки: ,

Оставить комментарий или два