Question

我试图创建一个函数，我希望每次调整window width时都能获得window，然后通过if statemen检查宽度并使用相同的函数。同时window width超过991px我需要清除代码的时间少于991px，但我不确定是否有任何方法可以使用preventDefault() ..

为了在调整大小之后获得宽度，我使用了以下代码：

$(window).resize(function(){
  var winresize = $(window).width();
});

但我需要 if 语句的宽度值。

我收到了这段代码：

    function onwinResize() {
        var winresize = $(window).width();

        if(winresize >= 991) {

        }
        else {
            $('.trends').hide();
            $('.trending').click(function() {
                $('.trending').hide();
                $(this).show();
                $('.trends').slideDown();
                $('#back-btn').show();
                $('#search-btn').hide();
            });

            $('#back-btn').click(function() {
              $('.trending').slideDown();
              $('.trends').slideUp();
              $('#back-btn').hide();
              $('#search-btn').show();
            });
        } 
    }

Answer 1

将变量winresize定义为全局变量。然后，您将能够在if语句中阅读窗口的最新大小：

CODEPEN DEMO - 只需设置为 height()

$(document).ready(function() {

  var winresize = 0;

  $(window).resize(function() {
    winresize = $(window).width();
    onwinResize(winresize);
  });

});

function onwinResize(winresize) {

    if(winresize >= 991) {

    }
    else {

    } 
}

调整大小“GET WIDTH”并设置“FUNCTION”

1 个答案: