如何告诉jquery不要在手机或平板电脑上启动
我有一点jquery,我只想让它在更大的屏幕上触发,避免使用手机和平板电脑,但怎么做呢如何告诉jquery不要在手机或平板电脑上启动,jquery,Jquery,我有一点jquery,我只想让它在更大的屏幕上触发,避免使用手机和平板电脑,但怎么做呢 $(document).ready(function() { //GET BROWSER WINDOW HEIGHT var currHeight = $(window).height(); //SET HEIGHT OF SIDEBAR AND CONTENT ELEMENTS $('.fixed-col').css('height', currHeight); //ON RESIZE OF WINDO
$(document).ready(function() {
//GET BROWSER WINDOW HEIGHT
var currHeight = $(window).height();
//SET HEIGHT OF SIDEBAR AND CONTENT ELEMENTS
$('.fixed-col').css('height', currHeight);
//ON RESIZE OF WINDOW
$(window).resize(function() {
//GET NEW HEIGHT
var currHeight = $(window).height();
//RESIZE BOTH ELEMENTS TO NEW HEIGHT
$('.fixed-col').css('height', currHeight);
});
});
使用将允许您在JS中定义媒体查询:
if (window.matchMedia("(min-width: 400px)").matches) {
/* the view port is at least 400 pixels wide */
} else {
/* the view port is less than 400 pixels wide */
}
如果您需要支持较旧的浏览器,其中包含polyfill,或者您可以获取
您可以在这里检查您的小提琴有多个语法错误,而且jQuery从未加载 也许这就是你想要做的:
$(document).ready(function () {
if ($(window).width() >= 400) {
$(window).resize(function () {
var currHeight = $(window).height();
$('.fixed-col').css('height', currHeight);
}).trigger('resize'); // run it once right away
};
});
虽然这可能暂时有效,但测试用户代理字符串以检测浏览器是出了名的容易出错且不经得起未来考验的:如果BlackBerry生产笔记本电脑呢?或者有人制作了一个名为“webOStuff!”的浏览器?这就是为什么现代浏览器的用户代理字符串中塞满了关键字,以触发为其前辈和竞争对手准备的检测器。遗憾的是,这不适用于许多平板电脑。无论如何,如果您使用的是jQuery,那么只需测试
$(window).width()>=400
事实说明了另一种情况就更容易了,我似乎很支持这一点。我甚至指出了旧浏览器的polyfill,这取决于你为什么不想使用智能手机和平板电脑。是他们的小尺寸吗?平板电脑的宽度可以是1024倍或更宽。是他们的触摸屏吗?Surface Pro可能同时具有触摸屏和鼠标。
$(document).ready(function () {
if ($(window).width() >= 400) {
$(window).resize(function () {
var currHeight = $(window).height();
$('.fixed-col').css('height', currHeight);
}).trigger('resize'); // run it once right away
};
});