Question

我接近了一个奇怪的问题。我有这段代码：

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

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

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

在jsfiddle上作为测试，它可以工作（当你添加必要的html代码时）。当你去我的测试网站时： https://www.flt-service.com.pl/kontakt/ [在底部;部分地图;尝试将鼠标悬停在具有不同背景的元素上

假设隐藏左侧的一个表格。没有任何改变。为什么??

Answer 1

我假设您在捆绑的javascript文件中加载此脚本。因此，一旦页面加载，我就会在控制台中添加您的代码段。它对我有用。

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

尝试在html代码的末尾添加脚本。就在</body>结束标记之前。
在$(document).ready函数中添加脚本。它不是最好的方法，但是如果它适用于此，它可以是调试问题的良好起点。

Answer 2

您的元素已命名为＆＃39; map1＆＃39;，＆＃39; map2＆＃39;和＆＃39; map3＆＃39;在文件中。你打电话给他们＆＃39;映射 s 1＆＃39;，＆＃39;映射 s 2＆＃39;并且＆＃39;映射 s 3＆＃39;在你的脚本中。更改为匹配，它应该工作。

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

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

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

JS脚本在wordpress站点上不起作用（什么都不做）

2 个答案: