在 jQuery Mobile 中,可以使用orientationchange事件来检测设备方向的改变。这个事件会在用户旋转设备时触发。以下是一个简单的例子:
$(window).on("orientationchange", function(event) {
    if (event.orientation) {
        // 处理方向改变事件
        console.log("方向改变为: " + event.orientation);
    }
});

在这个例子中,当用户旋转设备时,orientationchange事件被触发,并且事件对象包含一个orientation属性,它表示设备的新方向。可能的值包括 "portrait"(纵向)和 "landscape"(横向)。

请注意,由于orientationchange事件有一些兼容性问题,建议使用resize事件来检测方向改变。以下是一个使用resize事件的例子:
$(window).on("resize", function() {
    var orientation = (window.innerWidth > window.innerHeight) ? "landscape" : "portrait";
    // 处理方向改变事件
    console.log("方向改变为: " + orientation);
});

在这个例子中,通过比较窗口的宽度和高度,我们确定了新的方向。这样,无论是旋转设备还是改变窗口大小,都能检测到方向的改变。


转载请注明出处:http://www.zyzy.cn/article/detail/9436/jQuery Mobile