Question

我有#div1，点击后应该使用jquery切换#div2。如果窗口大小低于760px，则此单击事件应仅执行该功能。我在javascript上很糟糕，所以我得到了错误的结果......当用户点击#div1时，它不会切换div，而是在760px以下的窗口大小调整时自动切换。我确定if语句的顺序有一些明显的错误。

这是我的代码：

$(function(){
    if($(window).width() <= 760){
        $('#div').click(function(){
                $('#div2').toggle({"display":"block"});
        });
    }
});

希望我的问题可以理解。

谢谢！

Answer 1

您的订单有点混乱。它应该是

$(function(){
    $('#div').click(function(){
        if($(window).width() <= 760){
                $('#div2').toggle({"display":"block"});
        }
    });
});

Answer 2

如果你把if放在.click（）中怎么办？

$(function(){
   $('#div').click(function(){
    if($(window).width() <= 760)
      {
         $('#div2').toggle({"display":"block"});
      }
   });
});

希望它有所帮助！

如果窗口大小低于特定数量，则仅允许.click事件

2 个答案: