1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Java скипт загружается не в том порядке [РЕШЕНО]

Главные вкладки

Аватар пользователя leramulina leramulina 29 апреля 2012 в 5:58

Сделала после просмотра видео Lullabot анимацию в шапке сайта. Когда страница грузится, в шапке скрыта анимация. А потом при наведении на меню справа от текстового логотипа, слева от пункта меню должны всплывать картинки-подложки логотипа, а справа название школы.
Но вот незадача. Пока страница грузится все эти подложки не хайдятся, а видны на странице. А скрипт сазабывает только когда страница прогружена полностью.

Что может быть не так в моем коде?

(function($){
$(document).ready(function(){

$('#block-block-13 #menu-school-inner').hide();
$('#block-block-13 #menu-teachers-inner').hide();
$('#block-block-13 #menu-styles-inner').hide();
$('#block-block-13 #menu-academy-inner').hide();

$('#block-block-13 #menu-school h2').mouseenter(function() {
  $('#block-block-13 #menu-school-inner').slideDown('slow', function() {
  });
});
$('#block-block-13 #menu-teachers h2').mouseenter(function() {
  $('#block-block-13 #menu-teachers-inner').slideDown('slow', function() {
  });
});

$('#block-block-13 #menu-styles h2').mouseenter(function() {
  $('#block-block-13 #menu-styles-inner').slideDown('slow', function() {
  });
});
$('#block-block-13 #menu-academy h2').mouseenter(function() {
  $('#block-block-13 #menu-academy-inner').slideDown('slow', function() {
  });
});

$('#block-block-13 #menu-school h2').mouseleave(function() {
  $('#block-block-13 #menu-school-inner').slideUp('fast', function() {
  });
});
$('#block-block-13 #menu-teachers h2').mouseleave(function() {
  $('#block-block-13 #menu-teachers-inner').slideUp('fast', function() {
  });
});

$('#block-block-13 #menu-styles h2').mouseleave(function() {
  $('#block-block-13 #menu-styles-inner').slideUp('fast', function() {
  });
});
$('#block-block-13 #menu-academy h2').mouseleave(function() {
  $('#block-block-13 #menu-academy-inner').slideUp('fast', function() {
  });
});

});
})(jQuery);

Когда меню было на css, то все грузилось прекрасно. Вот думаю, может, не мудрить а переделать обратно на css, если не пойму как java загрузить нормально.

UPD: уже даже оптимизировала верстку блока и соответственно код,

(function($){
$(document).ready(function(){

$('#block-block-13 .13-menu-hide').hide();

$('#block-block-13 h2').mouseenter(function() {
  $(this).parent().children('.13-menu-hide').slideDown('fast', function() {
  });
});

$('#block-block-13 h2').mouseleave(function() {
  $(this).parent().children('.13-menu-hide').slideUp('fast', function() {
  });
});

});
})(jQuery);

сделала подгрузку minified версии iquery и оптимизацию скриптов. Не помогает.

Комментарии

Аватар пользователя leramulina leramulina 29 апреля 2012 в 12:29

.13-menu-hide {display: none;}
если сделать так, то при загрузке действительно скрываются анимационные элементы.
но я не знаю, как их потом раскрыть

у меня же не через
*li:hover

и css анимация сделана
если б так, я бы конечно...