Евгений Бунин

PHP, Kohana, Joomla, MySQL, MongoDB, Facebook API

  • Increase font size
  • Default font size
  • Decrease font size

jQuery noconflict Mootools Joomla: совместное использование

Задача: Внедрить jQuery в Joomla API и подружить его с Mootools.

Материалы: документация JQuery, Joomla 1.5 API.

 

В этой статье я опишу:

1. Установку jQuery в среду Joomla 1.5 API.

2. Применение jQuery, Mootools каркасов в Joomla.

И так. Общая задача ясна.

 

Устанавливаем jQuery в среду Joomla API.

 

Записываем библиотеку jQuery в папку media/system/js/.

В Joomla открываем библиотеку joomla/html/html/behavior.php.

Дописываем в класс функцию, выполняющая подключение нашего jQuery.

/**
* Method to load the jQuery framework into the document head
*
* @return  void
*/
function jquery() {
 JHTML::script('jquery.js','media/system/js/',false);
}

 

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

 

// Подключить Mootools каркас
JHTML::_('behavior.mootools');
// Получить объект документа
$document = JFactory::getDocument();
// Добавить скрипты Mootools
$mootools = "js" .DS. "jsmootools.js";
$document->addScript(JURI::base() .$mootools);
// Подключить JQuery каркас
JHTML::_('behavior.jquery');
// Включить функцию noconflict
$noconflict = "jQuery.noConflict();";
$document->addScriptDeclaration($noconflict);
// Добавить скрипты JQuery
$jquery = "js" .DS. "jsjquery.js";
$document->addScript(JURI::base() .$jquery);
 

Для безопасного использования символа "$" при ссылки на элемент, код должен выглядеть так:

jQuery(document).ready(function($){
// Код, где используеся $
});