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?
Комментарии
Добавить комментарий
Куда нужно добавить этот код
Куда нужно добавить этот код в 7-м друпале?
(function($){$(document).ready(function(){//jQuery code});})(jQuery);в файл script.js или любой
в файл script.js или любой другой, который вы подключите в файле .info вашей темы.
Не могу подключить
Не могу подключить jquery.jcarousel.min.js
Делаю все правильно, в *.info добавил правильную строку - на главной странице через Firebug пишет, что ничего не подключилось. Спасибо
Почистите кеш, должно
Почистите кеш, должно подключиться.
У меня выводится окошко
У меня выводится окошко "test" когда страница загружена только наполовину, далее нажимаем окей и закрузка заканчивается. Написано как у Вас + alert. Вчем может быть проблема?
Я не думаю, что это ошибка,
Я не думаю, что это ошибка, продолжайте дальше изучать jQuery.
Иван! Спасибо за "дополнение"
Иван!
Спасибо за "дополнение" для 7-го Друпал!
Чессно - не знал, почему не отрабатывает мой код. Оказывается просто function($) ...
Спасиб!!!
А зачем тогда нужен модуль
А зачем тогда нужен модуль jQuery Update?
Это разные вещи?
Добрый день, Иван! У меня
Добрый день, Иван! У меня возникла проблема: хочу сделать 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);
Не понимаю что я сделал не так. Помогите пожалуйста.
Попробуйте такой код:
Попробуйте такой код:
(function($){ $(document).ready(function(){ $('#widget_pager_bottom_global_product-block').jcarousel(); }); })(jQuery);