Почему после обновления страницы анимация на JQuery прерывается, но после этого работает нормально?

Question

Почему после обновления страницы анимация на JQuery прерывается, но после этого работает нормально?

Бабкен Асрян Ученик (62), закрыт 4 года назад

Дополнен 4 года назад

$(document).ready(function () {
console.log('Ready');

$('header .left_side').hover( function() {

var self_first = $('header .left_side a:first-child');
var self_last = $('header .left_side a:last-child');
self_first[0].style.animationPlayState = 'paused';
self_last[0].style.animationPlayState = 'paused';

setTimeout(() => {
self_first.animate({

}, 1000, "linear",
function () {
self_first.offset({
top: 85,
left: 44
})

})
self_last.animate({

}, 1000, "linear",
function () {
self_last.offset({
top: 35,
left: 44
})

})

}, 100)
},
function () {
var self_first = $('header .left_side a:first-child');
var self_last = $('header .left_side a:last-child');
self_first[0].style.animationPlayState = 'running';
self_last[0].style.animationPlayState = 'running';
setTimeout( () => {
self_first.animate({

}, 100,
function () {
self_first.offset({
top: 75,
left: 44
})

})
self_last.animate({

}, 100,
function () {
self_last.offset({
top: 100,
left: 44
})

})

}, 100)
})

})

Дополнен 4 года назад

Answer 1

Татьяна Шеховцова Высший разум (419559) 4 года назад

Потому что javascript работает в браузере

Бабкен АсрянУченик (62) 4 года назад

А по твоему это где?

Татьяна Шеховцова Высший разум (419559) Свяжи со своим вопросом и поймёшь

Answer 2

При обновлении страницы, всё что было записано в предыдущей - не имеет значения, всё переписывается заново.

А чтобы во время перезагрузки сохранить прежние положения иконок, нужно использовать localStorage и записать координаты при

$(window).on('unload', function(){ //...localstorage.setItem()... });

//....

$(document).ready( function(){

//...localstorage.getItem()...

});