javascript - 未捕获的类型错误:仅在主页上无法读取 null 的属性“addEventListener”
问题描述
我只在我的主页上收到以下错误,它在其他任何地方都有效。
未捕获的类型错误:无法读取 null 的属性“addEventListener”
js文件代码如下。这是全屏下拉搜索。
(function() {
var triggerBttn = document.getElementById( 'trigger-overlay' ),
overlay = document.querySelector( 'div.overlay' ),
closeBttn = overlay.querySelector( 'button.overlay-close' );
transEndEventNames = {
'WebkitTransition': 'webkitTransitionEnd',
'MozTransition': 'transitionend',
'OTransition': 'oTransitionEnd',
'msTransition': 'MSTransitionEnd',
'transition': 'transitionend'
},
transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],
support = { transitions : Modernizr.csstransitions };
function toggleOverlay() {
if( classie.has( overlay, 'open' ) ) {
classie.remove( overlay, 'open' );
classie.add( overlay, 'close' );
var onEndTransitionFn = function( ev ) {
if( support.transitions ) {
if( ev.propertyName !== 'visibility' ) return;
this.removeEventListener( transEndEventName, onEndTransitionFn );
}
classie.remove( overlay, 'close' );
};
if( support.transitions ) {
overlay.addEventListener( transEndEventName, onEndTransitionFn );
}
else {
onEndTransitionFn();
}
}
else if( !classie.has( overlay, 'close' ) ) {
classie.add( overlay, 'open' );
}
}
triggerBttn.addEventListener( 'click', toggleOverlay );
closeBttn.addEventListener( 'click', toggleOverlay );
})();
有人可以帮我解决这个问题吗?提前致谢。
解决方案
推荐阅读
- laravel - 在 Laravel 全局中间件中获取 config/session 的值
- python - 暗网 YOLO 迁移学习并保留老类
- reactjs - 为什么显示错误 [ react-router-dom@5.2.0 需要 react@>=15 的对等点,但没有安装。您必须自己安装对等依赖项。]
- php - Unable to successfully login using custom guard in Laravel
- r - R中2个向量的投影
- javascript - 如何在 TypeScript 中使用带有“declare”关键字的导入?
- asp.net-core - 尝试从相关表中查找名称后,相关表不显示任何内容而不是名称
- ontology - Protege 问题:本体中类的对象属性断言
- vapor - 如何从蒸汽 4 中的连接表中选择所有列?
- html - 如何在 ASP.NET MVC 视图中显示来自 Oracle 数据库的图像?