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-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

Не могу подключить

Не могу подключить jquery.jcarousel.min.js

Делаю все правильно, в *.info добавил правильную строку - на главной странице через Firebug пишет, что ничего не подключилось. Спасибо

У меня выводится окошко

У меня выводится окошко "test" когда страница загружена только наполовину, далее нажимаем окей и закрузка заканчивается. Написано как у Вас + alert. Вчем может быть проблема?

Добрый день, Иван! У меня

Добрый день, Иван! У меня возникла проблема: хочу сделать jcaousel, но она уперто отказывается работать и не выводит новые классы. Помогите пожалуйста. Обещаю отблагодарить за помощь и за все уроки вас.

Оборачивающий дивы я заменил на li и ul в views-slideshow-pager-field-item.tpl.php и views-slideshow-pager-fields.tpl.php соответственно и упростил views-slideshow-pager-field-field.tpl.php. Код чистый можете посмотретьна скриншоте. В Sate.info раскоментировал script.js и добавил строку jquery.jcarousel.min.js. Скопировал последний в папку js.
В script.js использовал код:

(function ($, Drupal, window, document, undefined) {

Drupal.behaviors.my_custom_behavior = {

attach: function(context, settings) {

$(document).ready(function(){

$('#widget_pager_bottom_global_product-block').jcarousel();

});

}

};

})(jQuery, Drupal, this, this.document);
Не понимаю что я сделал не так. Помогите пожалуйста.