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

Question

[Андрей]

Здравствуйте уважаемые мастера, столкнулся с такой проблемой как невозможность вернуть исходное положение при функции 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? Заранее благодарю за помощь!

Answer 1

[Андрей]

Вот держи, должно помочь!

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);

Comments

[Андрей]

Ого, спасибо и вправду работает, немного костыли, но все же спасибо!