Не подключается скрипт..

Аватар пользователя Yuri Frank Yuri Frank 19 ноября 2014 в 14:58

Код для всплывающего блока. Оформил код, как рекомендуется для друпала 7. Прописал в моей_теме.info
;scripts[] = js/show_block.js

однако скрипт не выполняется. Пихать скрипт в код страницы html не советуют)

(function ($) {
$(function() {
    $('#user-login-form').hide();
    $('#hide-layout').css({opacity: 0.5});
    $('#block-block-1 a').click(function() {
  $('#hide-layout, #user-login-form').fadeIn(300);
})
$('#hide-layout').click(function() {
  $('#hide-layout, #user-login-form').fadeOut(300);
})
  })
}) (jQuery);

В чем может быть дело? помогите пожалуйста)

ps_ работает только в блоке или в коде на странице(

Комментарии

Аватар пользователя Yuri Frank Yuri Frank 19 ноября 2014 в 21:35

"Василий Сергеевич" wrote:
кеш почистите

Чистил конечно,... не работает. Может как-то связано это с модулем AdvAgg Compress Javascript и AdvAgg CSS/JS Validator

Аватар пользователя Yuri Frank Yuri Frank 19 ноября 2014 в 22:28

Василий Сергеевич, да название show_block.js в исходном коде присутствует. Отключил модуля, все равно не пашет(

Аватар пользователя vlucas vlucas 19 ноября 2014 в 22:49

скорее, дело, тогда в вашем коде. Не знаток JQuery, но такая, конструкция:

"Yuri Frank" wrote:
$('#hide-layout').click(function() {
$('#hide-layout, #user-login-form').fadeOut(300);
})

должна быть обернута в это:

$(window).ready(function(){        
               
});

Попробуйе что-то вроде:

(function ($, Drupal) {

$(window).ready(function(){
$('#hide-layout').click(function() {
  $('#hide-layout, #user-login-form').fadeOut(300);
})
});

})(jQuery, Drupal);

Ошибки отследите в файербаге

Эти ссылки должны помочь вам:

https://drupal.org/node/1446420
http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth

Аватар пользователя Yuri Frank Yuri Frank 20 ноября 2014 в 23:17

"Василий Сергеевич" wrote:
Эти ссылки должны помочь вам:

Спасибо) буду разбираться