Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使此Jquery脚本在特定宽度下工作_Javascript_Jquery - Fatal编程技术网

Javascript 如何使此Jquery脚本在特定宽度下工作

Javascript 如何使此Jquery脚本在特定宽度下工作,javascript,jquery,Javascript,Jquery,我是Jquery的初学者。 我有一段简单的代码,可以将元素的高度更改为窗口高度的一半 $(function () { 'use strict'; $('.moubdi3in').height($(window).height()); }); 我想让这个脚本只在窗口大小超过769px时工作。在较小的高度中,我想给出元素的完整窗口高度。 我该怎么做? 谢谢您可以使用三元运算符或if根据当前窗口高度确定元素高度: $(function () { 'use strict'

我是Jquery的初学者。 我有一段简单的代码,可以将元素的高度更改为窗口高度的一半

$(function () {

    'use strict';

    $('.moubdi3in').height($(window).height());
});
我想让这个脚本只在窗口大小超过769px时工作。在较小的高度中,我想给出元素的完整窗口高度。 我该怎么做?
谢谢

您可以使用
三元运算符或
if
根据当前窗口高度确定元素高度:

$(function () {

    'use strict';

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

    $('.moubdi3in').height(windowHeight > 769 ? windowHeight / 2 : windowHeight);
});
我想让这个脚本只在窗口大小大于 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