使用媒体屏幕尺寸触发 Jquery

Question

我正在开发一个小型网站，并且在单独的文件中同时使用 jquery-mobile 和我的自定义 jquery 函数。

我希望 jquery mobile 仅由小于 760px 的设备触发，并且我的自定义 jquery 能够在 760px 以上运行。我怎样才能做到这一点？

Answer 1

您可以使用.innerWidth() jQuery 方法将代码包装在条件语句中。请注意，此方法不适用于$(document) 或$(window)，您可以考虑使用.width()。结帐“http://api.jquery.com/innerwidth/”了解更多详情。

例子：

if($("body").innerWidth() < "760px") {
//enter jQuery code here
}

另请注意，.innerWidth() 方法获取所选元素的尺寸，包括内边距和内容，但不包括边框和边距。