Question

我正在尝试在window.resize上执行某些操作，但我甚至无法提醒多次工作。我拥有的所有代码都是：

HTML：

<head>
    <meta charset="utf-8">
    <script src="jquery-1.11.1.min.js"></script>//I have this library in this html's file directory
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

  <script type="text/javascript">
    $(document).ready(function(){
      window.resize(alert("yolo"));
    });
  </script>
</head>
<body>
...
</body>

我也尝试了几种变体：

window.resize(...)

window.on("resize",...)

window.one("resize",...)

$(window).resize(...)

$(window).on("resize",...)

$(window).one("resize",...)

它们都不起作用。我还有什么别的尝试吗？

Answer 1

自从document.ready在页面加载时消耗后，这只会被调用一次。

$(document).ready(function(){
     window.resize(alert("yolo"));
});

您需要将事件处理程序附加到窗口 window.onresize = function() { alert("yolo"); }; 或

$(window).resize(function () {alert("yolo");});

Answer 2

您的alert('yolo')在javascript运行时消耗时正在执行。这就是为什么当页面加载时你只能看到它一次。

同样window.resize不存在但window.onresize确实存在：

window.onresize = function (){
    alert('yolo');
};

window.resize事件只触发一次

2 个答案: