旋转设备时重新加载特定的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有一个blockA的id，你可以做类似的事情

    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
});