0

私はこの小さな 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/

4

3 に答える 3

2

を使用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にポリフィルが含まれているか、スタンドアロン バージョンを入手できます。

于 2013-08-15T21:07:17.283 に答える
0

あなたのフィドルには複数の構文エラーがあり、さらに 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/

于 2013-08-16T12:57:35.713 に答える