如何使這個jQuery腳本在特定寬度下工作

Question

我是初學者到jquery。 我有一段簡單的代碼，將元素的高度更改爲窗口高度的一半。

$(function() { 

    'use strict'; 

    $('.moubdi3in').height($(window).height()); 
}); 

我想讓這個腳本只在窗口大小超過769px時才起作用。在較低的高度，我想給元素全窗高度。 我該怎麼做？ 感謝

Answer 1

您可以使用trinary運營商或if來決定什麼會根據當前窗口高度元素的高度：

$(function() { 

    'use strict'; 

    var windowHeight = $(window).height(); 

    $('.moubdi3in').height(windowHeight > 769 ? windowHeight/2 : windowHeight); 
}); 

Answer 2

我想使這個腳本工作，只有當窗口大小超過 769px

if($(window).height() <= 769) return; // reject function if less|equal 769px 

我想給元素全窗高度。

$('.moubdi3in').css('height', $(window).height()); // set windows height to height property of .moubdi3in element