Question

测试我的网站我面临一个小问题（不是很重要，但如果他有任何解决方案，我将不胜感激）：

我使用以下代码将用户重定向到移动版本并删除data-attribute。代码：

if (screen.width <= 480) {
    document.location = "/mov/index.php";
}   
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    location.replace("/mov/index.php");
}
if ($(window).width() > 1023) {
    $('#content').attr('data-snap-ignore', 'false');
} else {
    $('#content').removeAttr('data-snap-ignore');
}

第一部分不是主要问题，所以关注以下事件，我的问题是：

if ($(window).width() > 1023) {
    $('#content').attr('data-snap-ignore', 'false');
} else {
    $('#content').removeAttr('data-snap-ignore');
}

我如何才设置平板电脑的宽度事件？

还想到了用户代理，但似乎安卓平板电脑会遇到麻烦（因为手机和平板电脑都有相同的用户代理）。

Answer 1

你可以这样做：

$('#yourTableSelector').width()

但如果您希望在调整窗口大小时它能够正常工作，则需要将其添加到resize事件中。

宽度事件仅适用于平板电脑

1 个答案: