javascript - 如果窗口大小低于某个数字，则仅允许 .click 事件

Question

我有一个#div1，单击时应#div2使用 jquery 切换。此点击事件应仅在窗口大小低于 760 像素时执行该功能。我不擅长 javascript，所以我得到了错误的结果......当用户单击 时#div1，它不会切换 div，而是在您将窗口大小调整到 760 像素以下时自动切换。我确定 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"});
      }
   });
});

希望能帮助到你！