Перезагрузить определенный div, когда вращается устройство

Question

Я пытаюсь создать функцию, которая автоматически перезагружает контент в div при повороте устройств (от разрешения планшета -> разрешение рабочего стола и обратно).Я попытался с перезагрузить адрес URL.Это работает, но я хочу применить его только для элемента div, без перезагрузки местоположения.

Вот мой код:

if (window.DeviceOrientationEvent) {
    if (window.innerHeight >= 1023 && window.innerWidth < 1023 || window.innerHeight < 1023 && window.innerWidth >= 1023) {
        window.addEventListener('orientationchange', function () {
        //location.reload();
    }
}

Кто-нибудь имеет представление об этом?Спасибо, ребята, что прочитали мой вопрос.

Answer 1

Если бы ваш div имел идентификатор blockA, вы могли бы сделать что-то вроде

    function updateDiv(){ 
    $( "#blockA" ).load(window.location.href + " #blockA" );
    }

Answer 2

Просто перезагрузите данные в вашем div - не используйте location.reload:

window.addEventListener("orientationchange", function(event) {
    div.innerHTML = "Reloaded"; //Reload the div here
});

Answer 3

Если вы используете jquery, вы можете сделать что-то вроде

jQuery( window ).on( "orientationchange", function( event ) { ... } )

Подробнее

https://api.jquerymobile.com/orientationchange/