jquery - 页面加载功能

Question

我在我的 html 标头中使用以下 javascript 在调整浏览器窗口大小时运行一些代码：

$(window).resize(function () {
    //run some javascript code here
});

我的问题是有没有办法修改脚本以使代码在页面最初加载时也运行？或者如果用户刷新浏览器窗口。

Answer 1

我经常在我的应用程序中安静地使用它，但我会这样说。

function doLayout(){
 //run some javascript code here
}

$(document).ready(function () {
    doLayout();
});

$(window).resize(function () {
    doLayout();
});

Answer 2

你可以这样做：

function onResizeOrLoad () {
  // run some JS code here
}

$( window ).resize ( onResizeOrLoad );
$( document ).ready ( onResizeOrLoad );

这定义了一个函数onResizeOrLoad，然后您将其绑定到两个事件：窗口调整大小和页面加载。

Answer 3

您可以通过以下两种方式解决此问题：

$(window).resize(function () {
    //run some javascript code here
});

$(document).ready(function() {
  //run some javascript code here
});

或者你可以运行有共同的功能来执行..

function executeCode() {
   // Javascript code here..
}

$(window).resize(executeCode);
$(document).ready(executeCode);