jquery - 怎么触发？

Question

我有一小段代码想要在窗口达到 640px 时触发。或以下我尝试了许多不同的建议，我在这里或其他地方找到了这些建议，但没有一个有效。

$(function() {
    $('p').css('display','none');
        $('h1').click(function(){
            $('p').stop(true,true).slideToggle(1000);
    });
});

Answer 1

您可以通过执行以下操作来绑定(bind)窗口调整大小事件:

$(window).on('resize', function(event){
// Do stuff here
});

您可以通过以下方式获取窗口大小:

var windowWidth = $(window).width();
if(windowWidth < 640){
    // Do stuff here
}

所以，你的函数将像这样工作:

$(window).on('resize', function(event)
    {
       var windowWidth = $(window).width();
       if(windowWidth < 640){
       $('p').css('display','none');
           $('h1').click(function(){
               $('p').stop(true,true).slideToggle(1000);
       });

    }
});