この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