jQuery .ready() 调用一个 javascript 对象,不起作用

jQuery .ready() calling a javascript object, not working

本文关键字:javascript 对象 一个 不起作用 ready 调用 jQuery      更新时间:2023-09-26

我正在尝试在页面加载时调用JS对象的方法。这是我的代码:

var mobileScreen = {
  scWidth : $(window).width(),
  resizeElems : function(W) {
    console.log("About to resize!");
  }
}
$(document).ready( mobileScreen.resizeElems($(window).width()) );

我的jQuery .ready()方法没有将mobileScreen.resizeElems()识别为函数(我的编辑器没有对它进行任何语法突出显示。

我的

控制台返回为空,我的代码永远不会进入 resizeElems()。

我尝试像这样调整我的 .ready() 函数:

$(document).ready( function() { mobileScreen.resizeElems($(window).width()) } );

但我得到了同样的结果。我是否缺少有关调用对象的 resizeElems 方法的内容?

你的第一个示例不起作用,因为 $.ready 需要一个函数。 mobileScreen.resizeElems($(window).width()) 不返回函数,因此它不起作用。

你的第二个例子应该可以正常工作,这里是在jsfiddle上:

http://jsfiddle.net/btipling/T3VtH/

确保 HTML 中有一个脚本标记来加载 jQuery 库,并且它出现在代码之前的 HTML 中。