5 сентября 2016 в 15:20
Добрый день! По учебнику делаю проверку работоспособности jquery. При нажатии на ссылку -- текст ссылки должен становиться почти прозрачным. Почему-то нет никакой реакции.
1. Создал jquery_test.css
.new {
background: #eded11;
font-weight: bold;
font-size: 50px;
align: left;
}
background: #eded11;
font-weight: bold;
font-size: 50px;
align: left;
}
2. Создал jquery_test.js
$(document).ready(function(){
$('#uid').click(function(){
$(this).addclass("new").fadeTo("slow", 0.2);
});
});
$('#uid').click(function(){
$(this).addclass("new").fadeTo("slow", 0.2);
});
});
2. Добавил эти файлы в каталог с темой и добавил строчки в файле темы (garland.info):
stylesheets[all][] = jquery_test.css
scripts[] = jquery_test.js
Сам сайт здесь: http://cp611122.cpsite.ru/node/11#
Комментарии
jQuery('#uid').click(function(){
jQuery(this).addclass("new").fadeTo("slow", 0.2);
});
});
dgastudio, не сработало
addClass
sergeybelya, тоже не сработало... Может я еще какие-то действия должен был сделать...
А скрипт-то хоть подключился? Кеш чистили после изменений в инфо-файле?
Уже выше указали на ошибку - вы используете $
Получилось!)) Поменял $ на jquery + addClass + именно после очистки кеша заработало. В книге сказано "чтобы новые параметры .info-файла вступили в силу, тему следует перегрузить" -- я и перегружал, посредством переключения на другую тему и обратно. А оно через кеш)
Спасибо!
Книга это хорошо, но на орге найдете больше примеров - https://www.drupal.org/node/756722
sergeybelya, спасибо!
Чтобы не менять $ на jQuery везде, оборачивайте код в такую конструкцию:
$(document).ready(function(){
//jQuery code
});
})(jQuery);
Но ещё более правильно будет подключать через бихэйворы вот так:
'use strict';
// To understand behaviors, see https://drupal.org/node/756722#behaviors
Drupal.behaviors.my_custom_behavior = {
attach: function (context, settings) {
// Place your code here.
}
};
})(jQuery, Drupal, this, this.document);