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

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

05/12/2019, by Ivan

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?

Extra Block Types (EBT) - New Layout Builder experience❗

❗Extra Paragraph Types (EPT) - New Paragraphs experience

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