旋转设备时重新加载特定的div

Question

我正在尝试创建一个函数，该函数在旋转设备时自动重新加载div中的内容（从平板电脑分辨率->桌面分辨率，然后反向）。我尝试使用重新加载位置网址。它可以工作，但是我只想将它应用于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

如果您使用的是jquery，则可以执行类似的操作

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

更多信息

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

Answer 2

如果您的div的ID为blockA，则可以执行

之类的操作

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

Answer 3

只需在div中重新加载数据-不要使用location.reload：

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