window.resize事件只触发一次

5 javascript jquery resize javascript-events

我正在尝试在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>
Run Code Online (Sandbox Code Playgroud)

我也尝试了几种变化:

window.resize(...)

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

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

$(window).resize(...)

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

$(window).one("resize",...)
Run Code Online (Sandbox Code Playgroud)

他们都没有工作.还有什么我没试过的吗???

Abb*_*ath 4

由于 document.ready 在页面加载时消耗,因此只会调用一次。

$(document).ready(function(){
     window.resize(alert("yolo"));
});
Run Code Online (Sandbox Code Playgroud)

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

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