Javascript 视觉作曲家+；JS=不执行代码

我有个奇怪的问题。我正试图在我的wordpress页面上应用一段代码，该代码在codepen中运行良好。你可以在这里找到它：

JS代码：

jQuery(document).ready(function( $ ) {

        var vid = document.getElementById("bgvid");
        var pauseButton = document.querySelector("#btnplay");

        if(pauseButton) pauseButton.addEventListener("click", function() {
          if (vid.paused) {
            vid.play();
            $(".hide-section").fadeOut();
          } else {
            vid.pause();
            $(".hide-section").fadeIn();
          }
        });

        $('#videoreplay').click(function () {
        var vid = document.getElementById("bgvid");
        vid.currentTime = 0;
        });

    $(".notice1, .notice2, .notice3, .notice4, .notice5, .notice6, .notice7").hide();

       $("#cairns").hover(function(){ 
       $(".notice1").show();
     },function(){
       $(".notice1").hide();
   });

       $("#brisbane").hover(function(){ 
       $(".notice2").show();
     },function(){
       $(".notice2").hide();
   });

       $("#perth").hover(function(){ 
       $(".notice3").show();
     },function(){
       $(".notice3").hide();
   });

       $("#goldcoast").hover(function(){ 
       $(".notice4").show();
     },function(){
       $(".notice4").hide();
   });

       $("#sydney").hover(function(){ 
       $(".notice5").show();
     },function(){
       $(".notice5").hide();
   });

       $("#melbourne").hover(function(){ 
       $(".notice6").show();
     },function(){
       $(".notice6").hide();
   });

       $("#adelaide").hover(function(){ 
       $(".notice7").show();
     },function(){
       $(".notice7").hide();
   });
});

我做错了什么，这个代码不是在一个真正的网站上工作？我引用的部分来自：

$（“.notice1、.notice2、.notice3、.notice4、.notice5、.notice6、， .notice7“.hide（）

直到代码结束

---

作曲家完全忽略了这一点。。我不知道为什么。你能帮我解决这个问题吗？谢谢..

在悬停后放置一个

警报（）

，

$（“#凯恩斯”）。悬停（函数（）{

并查看将鼠标悬停在凯恩斯上后警报框是否会提示。同时检查您是否引用了正确版本的jQuery文件。@SouvikGhosh-在发出警报时->控制台内不会发生任何事情。正确版本的jQuery是什么意思？我使用的是wordpress中的本机jQuery。指向开发版本的链接是检查您是否有其他jQuery（document）.ready（）函数正在工作。若要检查这一点，请在-

jQuery（document）之后放置警报。ready（function（$）{

SVG需要时间加载，而

jQuery（document）。在SVG尚未加载时，ready

可能无法工作。请使用

jQuery（window）。改为加载

。在悬停后放置

alert（）

$(“#凯恩斯”）.hover（函数（）{并查看将鼠标悬停在凯恩斯上后警报框是否会提示。同时检查您是否引用了正确版本的jQuery文件。@SouvikGhosh-在发出警报时->控制台内不会发生任何事情。正确版本的jQuery是什么意思？我使用的是wordpress中的本机jQuery。指向开发版本的链接是检查您是否有其他jQuery（document）.ready（）函数正在工作。若要检查这一点，请在-

jQuery（document）.ready（function（$）{

SVG需要时间加载，而

jQuery（document）.在SVG尚未加载时，ready

可能无法工作。请改用

jQuery（window）.load

。