从document.ready调用jQuery插件会抛出getPreventDefault错误

Question

我正在研究MVC应用程序，我有jQuery插件，计算页面的宽度和高度，我从document.ready函数调用它。我收到了以下错误

ReferenceError: getPreventDefault is not defined MyCustomScript:1:115
Use of getPreventDefault() is deprecated.  Use defaultPrevented instead. jquery-1.10.2.js:5389:0
no element found

我的插件

(function($) {

$.fn.adjustOuterStripLayout = function () {

    alert("strip");

    $(window).bind('load resize', function () {

        var viewport_height = $(window).height();

        var viewport_width = $(window).width();

        var webPage_containerWidth = $('.container').width();

        alert("viewport_width  " + viewport_width + "container " + webPage_containerWidth);

    });
 };
})(jQuery);

主要功能

$(document).ready(function () {

  alert("hello");

 $(this).adjustOuterStripLayout();
});

有时它会发出警报，有时则不会。我还清楚浏览器兑换并在firefox和jquery版本1.10.2上测试它

Answer 1

你可以在＆＃39; window.onload＆＃39;中尝试相同的内容。事件而不是在'documen.ready＆＃39; ？ 因为，你试图引用窗口对象来获得高度和高度。宽度。除非没有加载，否则你不会得到那个价值。

尝试使用以下代码：

$(window).load(function () {  
 $(this).adjustOuterStripLayout();  
});