jquery - 我如何告诉这个 jquery 不要在手机或平板电脑上触发

Question

我有一点 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 WINDOW
$(window).resize(function() {

    //GET NEW HEIGHT
    var currHeight = $(window).height();    
    //RESIZE BOTH ELEMENTS TO NEW HEIGHT
    $('.fixed-col').css('height', currHeight);
});

});

http://jsfiddle.net/tREsr/

Answer 1

使用matchMedia将允许您在 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 */
}

如果您需要支持旧版浏览器，Modernizr中包含一个 polyfill ，或者您可以获取独立版本

Answer 2

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 // some code..
}

你可以在这里查看

Answer 3

您的小提琴有多个语法错误，而且从未加载过 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
    };
});

http://jsfiddle.net/mblase75/UXQCL/