Как подгружать скрипт в зависимости от разрешения экрана

182

22 февраля 2018, 12:53

Господа выручайте. Имеется скрипт, вот такого вида - знаю, скрипт костыльный, совсем не разбираюсь в javascript , но суть не в этом (работает и то хорошо) , необходимо загружать его только в том случае если разрешение экрана браузера больше 1010px, иначе нужно просто игнорировать его. Заранее премного благодарен.

$(document).ready(function() { 
  var liNum = 1; 
  $(".fullstory-menu ul li").each(function() { 
    $(this).children("meta").attr("content", liNum); 
    liNum++; 
  }); 
}); 
 
$(document).ready(function(){ 
	$(".header-menu").click(function(){ 
		$(".right-coloumn").toggleClass("active"); return false; 
	}); 
});

Answer 1

Просто оберни код в условие. Если нужно чтоб при динамическом изменении окна этот код отрабатывал, то ниже еще пример кода

if ($(window).width() > 1010) { 
  $(document).ready(function() { 
    var liNum = 1; 
    $(".fullstory-menu ul li").each(function() { 
      $(this).children("meta").attr("content", liNum); 
      liNum++; 
    }); 
  }); 
 
  $(document).ready(function(){ 
    $(".header-menu").click(function(){ 
      $(".right-coloumn").toggleClass("active"); return false; 
    }); 
  }); 
} 
//Если нужно чтоб при изменении размера окна код отрабатывал 
$(window).resize(function(){ 
  if ($(this).width() > 1010) { 
 
      var liNum = 1; 
      $(".fullstory-menu ul li").each(function() { 
        $(this).children("meta").attr("content", liNum); 
        liNum++; 
      }); 
  } 
}); 
$(".header-menu").click(function(){ 
  if ($(window).width() < 1010) return; 
  $(".right-coloumn").toggleClass("active");  
  return false; 
});

Answer 2

Если речь про разрешение экрана, а не размер окна, то так: