Question

我的jQuery中有一个函数：

$(document).ready(function() {
  if($(window).width() < 768)
  {
     $(".dummy").focus(function(){alert("Dummy");})
  }
}

还有：

$(document).ready(function() {
    $(window).resize(function(){
        if($(window).width() < 768)
        {
            $(".dummy").focus(function(){alert("Dummy");})
        }
    }
}

注意： alert("Dummy");代表我的功能。

场景1： 当我在浏览器宽度超过768且浏览器.dummy的浏览器中启动网页时，alert("Dummy");不会被执行。

场景2： 但是，如果我在视口宽度小于768的情况下启动网页，然后将浏览器的宽度调整为大于768. alert("Dummy");仍然在.dummy聚焦时执行。

不应该检查条件if($(window).width() < 768)而不允许专注于alert("Dummy");？

时执行.dummy

在场景2 等情况下，如果专注于alert("Dummy");，我可以做些什么才能确保.dummy未执行？考虑到用户可能会经历场景1 。

Answer 1

您不需要在$(document).ready(function() { $(".dummy").focus(function(){ if ($(window).width() < 768) { alert('dummy'); } }); });上设置处理程序。只需在通话时检查窗口大小：

{{1}}

Jquery窗口调整大小，条件不起作用

1 个答案: