jQuery .ready () вызывает объект JavaScript, не работает

0

Я пытаюсь вызвать метод объекта JS для pageload. Вот мой код:

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 объекта?

Теги:
oop
mobile

1 ответ

1

Ваш первый пример не работает, потому что $.ready выполняет функцию. mobileScreen.resizeElems($(window).width()) не возвращает функцию, чтобы она не работала.

Ваш второй пример должен работать нормально, вот он на jsfiddle:

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

Убедитесь, что у вас есть тэг скрипта в вашем HTML для загрузки библиотеки jQuery и того, что он отображается в HTML до вашего кода.

  • 0
    Этот jsfiddle перечисляет весь мой оригинальный код.
  • 0
    И это работает. Проверьте консоль. Если в вашем журнале консоли ничего не отображается, попробуйте перезапустить браузер, что случается со мной в редких случаях.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню