页面加载完成后，jQuery不工作

时间：2020-03-30 作者：Martin Körber

嗨，我对wordpress有个奇怪的问题。我有一个简短的JQuery脚本。只要页面正在加载，脚本就可以工作。但是当页面加载完成后，它就不再工作了，我也找不到问题了。我还尝试将脚本包装在noconflict包装器中，但没有任何帮助。

也许还有更多的信息。。。我尝试在wordpress中显示一个网格元素的标题，我已将其设置为“不显示”。

谢谢你的帮助

以下是一些细节：Wordpress 5.3.2高端主题3.6.4

jQuery(document).ready(function(){
 jQuery(".apmstoriespic").mouseover(function(){
    jQuery(this).next(".apmstoriestitle").show();
  });
});

1 个回复
SO网友:Gui

如果看不到html结构，很难说问题出在哪里。浏览器控制台日志中有错误吗？可能另一个jQuery函数已经绑定到“.apmstoriespic”类。也许可以试试下面的

jQuery(".apmstoriespic").on(\'hover\',function(){
如果您想完全跳过jQuery路由，有一种简单的方法可以仅使用CSS获得相同的结果

.apmstoriespic + .apmstoriestitle {
    display: none;
 }

.apmstoriespic:hover + .apmstoriestitle {
    display: block;
 }
希望这有帮助！

标签： jquery   小码农  

相关推荐

Slide toggle Jquery UI

我一直在寻找让jquery ui的正确库排队的方法，但我看不到有这样的方法，关于如何使用它而不出错，有什么想法吗？ jQuery(\'#menu_desktop\').toggle(\"slide\", {direction: \"left\"}); https://developer.wordpress.org/reference/functions/wp_enqueue_script/我的jquery ui排队wp_enqueue_script(\'jquery-ui\', \'