Скрипт работает при рисайзе, что делать?

Question

[partyzanx]

$(window).on('load resize', function() { 
if ($(window).width() > 952){

      

    var $thisnav = $('.minScreenWidth1365 .current-menu-item').offset().left;

    $('.minScreenWidth1365 .menu-item').hover(function() {
      var $left = $(this).offset().left - $thisnav;
      var $width = $(this).outerWidth();
      var $start = 0;
      $('.minScreenWidth1365 .wee').css({ 'left': $left , 'width': $width - 20 });
    }, function() {
      var $initwidth = $('.minScreenWidth1365 .current-menu-item').width();
      $('.minScreenWidth1365 .wee').css({ 'left': '0' , 'width': $initwidth });
    });
    
    var $thisnav3 = $('.maxScreenWidth1364 .current-menu-item').offset().left;

    $('.maxScreenWidth1364 .menu-item').hover(function() {
      var $left3 = $(this).offset().left - $thisnav3;
      var $width3 = $(this).outerWidth();
      var $start3 = 0;
      $('.maxScreenWidth1364 .wee').css({ 'left': $left3 , 'width': $width3 - 20 });
    }, function() {
      var $initwidth3 = $('.maxScreenWidth1364 .current-menu-item').width();
      $('.maxScreenWidth1364 .wee').css({ 'left': '0' , 'width': $initwidth3 });
    });

      
      
}
  });

Скрипт продолжает работать при ширине окна меньше 952px , как переписать?

Answer 1

[Somewhere Intech]

можно без jQuery:
if ( window.outerWidth > 952){
Решение простое, Вы же вешаете лисэнер, поэтому его нужно убирать!

$(window).on('load resize', function() { 
	if ($(window).width() > 952){
	    var $thisnav = $('.minScreenWidth1365 .current-menu-item').offset().left;

	    $('.minScreenWidth1365 .menu-item').hover(function() {
	      var $left = $(this).offset().left - $thisnav;
	      var $width = $(this).outerWidth();
	      var $start = 0;
	      $('.minScreenWidth1365 .wee').css({ 'left': $left , 'width': $width - 20 });
	    }, function() {
	      var $initwidth = $('.minScreenWidth1365 .current-menu-item').width();
	      $('.minScreenWidth1365 .wee').css({ 'left': '0' , 'width': $initwidth });
	    });
	    
	    var $thisnav3 = $('.maxScreenWidth1364 .current-menu-item').offset().left;

	    $('.maxScreenWidth1364 .menu-item').hover(function() {
	      var $left3 = $(this).offset().left - $thisnav3;
	      var $width3 = $(this).outerWidth();
	      var $start3 = 0;
	      $('.maxScreenWidth1364 .wee').css({ 'left': $left3 , 'width': $width3 - 20 });
	    }, function() {
	      var $initwidth3 = $('.maxScreenWidth1364 .current-menu-item').width();
	      $('.maxScreenWidth1364 .wee').css({ 'left': '0' , 'width': $initwidth3 });
	    });     
	} else {
		$('.minScreenWidth1365 .menu-item').unbind('mouseenter mouseleave');
		$('.maxScreenWidth1364 .menu-item').unbind('mouseenter mouseleave');

	}
});

Comments

[partyzanx]

всё равно также

[yarnstart]

partyzanx, проверяете в инструментах разработчика или на реальном девайсе ? В режиме адаптива хрома бывают подобные баги

[partyzanx]

eugenekazakov, в опере и яндексе

[Somewhere Intech]

partyzanx, написал ответ не подумав, исправил ситуацию

Answer 2

[Противник Зла]

Отключи все ненужные плагины