Javascript 未捕获引用错误：未定义切换

当用户单击链接时，应显示切换功能

<a href="#" class="play"onclick="toggle()" ><img src="../MovieLandingPage/images/play.png">Watch Trailer</a>

当我点击控制台中的链接时，显示切换未定义CSS-FILE，点击后应执行此操作

.trailer .active{
 visibility: visible;
 opacity: 1 ;
}

编辑上面的片段

函数切换（）{
var traile=document.querySelector（'.traile'）；
//var video=document.querySelector（'.video'）；
traile.classList.toggle（'active'）；
//video.currentTime=0；
//video.pause（）；
}

.trailer.active{
能见度：可见；
不透明度：1；
}

@dgknca是吗？不，它是在jquery名称空间中定义的，或者是作为classListIn CSS的一部分，使用.trailer.active（无空格），如果您在其中有空格，它意味着“类为'trailer'的元素中有'active'的元素”。1）将代码转换为代码段-除了

document.querySelector（'.trailer'）之外，没有其他问题

给出null，因为没有

.traile

类。2）

toggle（）

将被调用，除非它的定义方式与您呈现它的方式不同，例如它是否在文档中。就绪？请参阅更新的代码拖车类此处“我能做什么”-更新工作片段以演示问题-事实上，问题中没有问题（很明显，如果不这样做，你就不会问了）所以你需要在问题中添加足够的代码来重现这个问题。请参阅。

    function toggle(){
        var trailer = document.querySelector('.trailer');
       // var video = document.querySelector('.video');
        trailer.classList.toggle('active');
        // video.currentTime = 0;
        // video.pause();
    }

.trailer .active{
 visibility: visible;
 opacity: 1 ;
}