Hallo.
Pack mal alles in ein Document Ready.
Code:
(function($) {
$(document).ready(function(){
$(".engel").hover(function(){
$(".engel").animate({top: '-1000px'}, 6000);});
$('.gHover').hover(function() {
$(this).stop().animate({
top: -30
}, 1600, "easeInOutBack");
}, function() {
$(this).stop().animate({
top: 0
}, 1600, "easeInOutBack");
});
});
})(jQuery);
Oder was ich da immer gern mache ist ein Timeout.
Dann wird der Script erst nach 200 ms ausgeführt
Code:
function explode(){
alert("Boom!");
}
setTimeout(explode, 200);
Falls das alles nicht klappt, könntest du den Klick auf die Pfeile triggern.
Ist sicher nicht die schönste Lösung Aber sollte so auch klappen.
Code:
(function($) {
$(document).ready(function(){
$( ".rsts-nav li" ).click(function() {
$(".engel").hover(function(){
$(".engel").animate({top: '-1000px'}, 6000);});
$('.gHover').hover(function() {
$(this).stop().animate({
top: -30
}, 1600, "easeInOutBack");
}, function() {
$(this).stop().animate({
top: 0
}, 1600, "easeInOutBack");
});
})
});
})(jQuery);
PS: alles ungetestet .
Liebe Grüße
Matthias