Question

我正在使用jQuery，正在制作WordPress网站，但由于Wordpress似乎无法与$(window).load(...)事件侦听器一起使用而遇到问题，因此不得不更改代码。

这是jQuery中的原始代码：

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

她就是我将其更改为：

window.addEventListener('load', function() {
...
}).resize(function() {
...
});

但是，我在控制台TypeError: windowAddEventListener is undefined中遇到错误。我该如何解决？

谢谢。

Answer 1

您有两个问题：

addEventListener返回未定义，因此之后您将无法做任何事情
在普通JavaScript中没有resize函数，仅在jQuery中。

您将需要此：

window.addEventListener('load', function() {
...
});

window.addEventListener('resize', function() {
...
});

，如果要链接，则需要：

const x = {
    load: function(fn) {
        window.addEventListener('load', fn);
        return this;
    },
    resize: function(fn) {
        window.addEventListener('resize', fn);
        return this;
    }
};

x.load(function() {

}).resize(function() {

});

如何在Javscript中附加方法

1 个答案: