jQuery mobile,根据显示交换数据类型的纵向和横向

时间:2012-07-29 15:08:44

标签: jquery-mobile responsive-design

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

data-type="horizontal"

为:

data-type="vertical"

当显示器在手机上而不是ipad或桌面上时?我正在使用媒体查询来处理其他所有内容,但我想知道是否有一种JavaScript方法可以更改这些或者首选的jQuery Mobile方法。

1 个答案:

答案 0 :(得分:1)

想出这个,很容易。

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

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

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