使用媒体屏幕大小触发Jquery

Question

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

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

Answer 1

您可以使用.innerWidth() jQuery方法将代码包装在条件语句中。请注意，此方法无法应用于$(document)或$(window)，因为您可能会考虑.width()。结帐＆＃34; http://api.jquery.com/innerwidth/＆＃34;了解更多详情。

示例：

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

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