Как перезагрузить определенный div при изменении размера экрана с помощью jquery

Question

Мне нужно перезагрузить определенный div, содержащий изображения из базы данных при определенных разрешениях. Проблема заключается в том, что при использовании планшета я меняю вид с пейзажа на кайт, все изображения в div кажутся разбросанными, а после перезагрузки страницы они кажутся прекрасными. Так есть ли способ, с помощью JQuery, что я могу перезагрузить конкретный DIV позволяет сказать, как

<div id="Images"> 

на изменение размера экрана.

Answer 1

вы можете использовать функцию jQuery $(window).resize();. Событие запускается каждый раз при изменении размера окна.

Answer 2

Я также столкнулся с этой проблемой. Я попробовал код, и он сработал.
Я добавил

<meta name="viewport" content="width=device-width,initial-scale=1"> 

в заголовок HTML.

Надеюсь, это может вам помочь.

Answer 3

Я использовал этот подход, чтобы перезагрузить конкретные Div

 $(window).resize(function() { 
    if ($(window).width() > 767 && $(window).width() < 1024) { 
     setInterval(function() { 
      $("#thumbnails").load('@Umbraco.RenderMacro("ctaPeople")') 

     }, 500); 
     //alert("load working"); 
    } 
});