我正在使用jQuery Backstrech plugin将全尺寸背景图像实现到响应式网站。
我希望 jquery 代码仅针对手持设备运行,或者仅针对小于 480 px 的视口(viewport)运行...可以做到吗?
这是我用来实现脚本和背景图像的代码:
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery.backstretch("www.url.com/images/bg.jpg", {speed: 150});
});
我如何添加某种 jQuery 条件以使此代码为具有 480 像素或更少像素的客户端执行?
预先感谢您的帮助!
最佳答案
您可以使用 http://www.modernizr.com/docs/#mq 来执行此操作
Modernizr.load({
test: Modernizr.mq('only screen and (max-width: 480px)'),
yep : 'path-to-js/backstrech.js',
complete : function () {
//init the backstrech here
}
});
(查看 here 标准设备的媒体查询。)
关于javascript - 仅针对手持设备触发 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8153335/