addEventListener抛出错误

时间:2016-10-10 20:39:03

标签: javascript jquery addeventlistener

我正试图绕过addEventListener()函数,并在localhost安装上设置了一些代码,但是当我运行代码时,我收到一条错误消息:Uncaught TypeError:section2.addEventListener不是一个功能。

代码如下,基本上当section2加载(将保存视频内容)时,我希望section1(包含预加载器)消失。为了方便代码,我使用jQuery作为变量。我已经使用console.log来测试变量是否在现场网站上显示,并且它们是。

var section1 = $("#section1"),
    section2 = $("#section2");


section2.addEventListener("load", function(){

     section1.style.display="none";

})

我似乎无法理解为什么它不起作用?

1 个答案:

答案 0 :(得分:2)

就像Xufox直接在你的帖子下说的,它不是一个对象,jQuery选择$(' ...')。

选项a)纯Javascript:

var section1 = document.getElementById('section1'),
    section2 = document.getElementById('section2');

选项b)Jquery:

section2.on("load", function(){
     section1.hide();
})