Hide Title tag on image Hover

时间：2021-03-04 作者：Harriet N

我想在悬停图像时隐藏图像标题标记，因为我的网站上不需要它们。我在下面尝试了此代码，并将其添加到了结尾上方</head> 在标题中。php，但它不工作。

我不需要下载插件来实现这一点。标题标签对SEO没有影响，所以隐藏它不应该有问题。

有人能告诉我为什么我的脚本不起作用，以及我能做些什么使它起作用吗？

这是我在标题中尝试的代码。关闭上方的php</head>

<script>
jQuery(document).ready(function($) {
    $(\'img\').hover(function()
    { $(this).removeAttr(\'title\'); });
});
</script>

2 个回复
SO网友:Mr_Ussi

按F12检查控制台中的错误，您的代码是正确的，但WordPress有时不理解$，请使用jQuery而不是$。

<script> 
jQuery(document).ready(function($) { 
    jQuery(\'img\').hover(function() { 
        jQuery(this).removeAttr(\'title\');
    }); 
});

SO网友:Daiaiai

不需要jquery。唯一的CSS可以做到这一点：

img[title],img:hover[title] {
opacity:0; /* both work, take what you prefer */
display:none;
}

标签： images   jquery   小码农  

相关推荐

Wordpress not showing jQuery

我正在尝试链接一个新的JavaScript文件，希望在其中向内容添加一些自定义jQuery。但它并没有显示在我的网站或网页上。以下是中的代码functions.php 和我的JavaScript文件function my_child_script(){ wp_enqueue_script( \'custom-child\', get_stylesheet_directory_uri() . \'/js/child-custom.js\',&#