@Stop_Loll

Как сбросить и привести функцию resize к исходному положению?

Здравствуйте уважаемые мастера, столкнулся с такой проблемой как невозможность вернуть исходное положение при функции resize в jquery, код который использую будет чуть ниже.
$(window).on('load resize', function() {
  if ($(window).width() <= 710) {
  	  		$('.user-panel').before($('.title-user'));
  		$('#mobile-moon').appendTo($('.additional-panel'));
} else {
  	  		$('.title-user').before($('.logo'));
  		$('#mobile-moon').prependTo($('.moon'));
}
})

В первом условии задается все что нужно, но при изменение ширины экрана на больше 710 все костыли во втором условии ломаются. Есть ли универсальная функция которая просто сбрасывает все значения resize? Заранее благодарю за помощь!
  • Вопрос задан
  • 40 просмотров
Решения вопроса 1
@Stop_Loll Автор вопроса
Вот держи, должно помочь!
var handleMatchMedia = function(mediaQuery) {
    if (mediaQuery.matches) {
$('.user-panel').before($('.title-user'));
  		$('#mobile-moon').appendTo($('.additional-panel'));
    } else {


 $("#mobile-moon").prependTo($(".moon"));
  $(".title-user").insertAfter($(".logo"));
   }
},
mql = window.matchMedia('all and (max-width: 475px)');
handleMatchMedia(mql);
mql.addListener(handleMatchMedia);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы