Добавить комментарий

Drupal и jQuery. Урок 1. Подключаем файл с jQuery.

jquery drupal

jQuery очень удобная вещь, когда нужно что-то скрыть, изменить, переехать, красиво вписать и уйти. Очень очень удобная и очень простая. Давайте подключим файл javascript. Подключать файлы к теме мы будем через файл с расширением .info в вашей теме. Для подключения файла добавьте в файл вашей темы следующую строчку:

scripts[] = js/custom.js

где js/custom.js путь к файлу javascript в вашей теме.

Дальше нужно определить выполнение кода jQuery после загрузки страницы, для 6го друпала достаточно и этого:

$(document).ready(function(){
  //jQuery code
});

А вот 7ом друпале jQuery работает в режиме noConflict, что позволяет подключить к друпалу и Mootools. Поэтому в 7ом друпале мы подключаем jQuery так:

(function($){
  $(document).ready(function(){
    //jQuery code
  });
})(jQuery);

 Но лучше всего использовать behavior'ы:

(function ($) {
  Drupal.behaviors.myModuleBehavior = {
    attach: function (context, settings) {
      // Здесь пишем свой javascript код
    }
  };
})(jQuery);

 Подробнее о behaviors читайте в этой статье:

8.8. Работа с javascript/jQuery в Drupal 8. Что такое behaviors?

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.