Javascript JS脚本没有';无法在wordpress网站上工作(无任何更改)

Javascript JS脚本没有';无法在wordpress网站上工作(无任何更改),javascript,jquery,Javascript,Jquery,我遇到了一个奇怪的问题。我有一段代码: (function($){ $("#maps1").hover( function(){$("#kontakt_os_1").hide();} ); $("#maps2").hover( function(){$("#kontakt_os_2").hide();} ); $("#maps3").hover( function(){$("#kontakt_os_3").hide(

我遇到了一个奇怪的问题。我有一段代码:

(function($){
    $("#maps1").hover(
      function(){$("#kontakt_os_1").hide();}
    );

    $("#maps2").hover(
      function(){$("#kontakt_os_2").hide();}
    );

    $("#maps3").hover(
      function(){$("#kontakt_os_3").hide();}
    );  
})(jQuery);
在JSFIDLE as测试中,它可以工作(当您添加必要的html代码时)。您何时将访问我的测试站点: [在底部;与地图分开;尝试悬停到具有不同背景的元素]


它应该隐藏左边的一张桌子。但一切都没有改变。为什么???

我假设您正在将此脚本加载到绑定的javascript文件中。因此,在加载页面后,我在控制台中添加了您的代码片段。这对我很有效

您的脚本似乎是在加载完整DOM之前加载的。我将提出两种方法:

  • 尝试在html代码末尾添加脚本。就在
    结束标记之前
  • 将脚本添加到:
    $(文档).ready
    函数中。这不是最好的方法,但如果它能与此配合使用,则可以作为调试问题的良好起点

您的元素在文档中被命名为“map1”、“map2”和“map3”。在脚本中,您将它们称为“maps1”、“maps2”和“maps3”。将其中一个更改为匹配,它应该可以工作

(function($){
    $("#map1").hover(
      function(){$("#kontakt_os_1").hide();}
    );

    $("#map2").hover(
      function(){$("#kontakt_os_2").hide();}
    );

    $("#map3").hover(
      function(){$("#kontakt_os_3").hide();}
    );  
})(jQuery); 

在测试站点上找不到您的脚本。可能是因为它,脚本无法工作absent@LevitatorImbalance可能该脚本加载在捆绑的javascript文件中。该脚本通过script.js文件加载。做了你提到的事,但没有进展/命名是正确的。我知道这可能有误导性,但这两种元素都有:map和mapsWhere?请根据您的联系页面查看我所做的。