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

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

2 个答案: