jquery-mobile - jQuery mobile，根据显示换出垂直和水平数据类型

Question

有没有办法改变 jQuery 数据类型：

data-type="horizontal"

至：

data-type="vertical"

当显示器在手机上与 ipad 或台式机上时？我正在对其他所有内容使用媒体查询，但我想知道是否有 JavaScript 方法来更改这些或首选 jQuery Mobile 方法来做到这一点。

Answer 1

想通了，很简单。

if ($('body').width()<=767) {
    $('.switch-type').attr('data-type', 'vertical');
}

当分辨率达到 767 或更低时，只需将 switch-type 类添加到您想要更改的任何数据类型。

您也可以使用 screen.width，但是当浏览器屏幕非常小时，这不会改变类型。