javascript - jQuery .ready() 调用 javascript 对象，不工作

Question

我正在尝试在页面加载时调用 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 方法的内容？

Answer 1

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

您的第二个示例应该可以正常工作，这是在 jsfiddle 上：

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

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