jquery - 更改 Wordpress 的现有 jquery 脚本

Question

位停留在为此调用正确操作的正确方法上。现有的 script.js 在鼠标悬停时淡化跨度颜色，但我也希望它在鼠标悬停时显示关联的缩略图文本和链接

WP 中显示缩略图标题和链接的代码

<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

和现有的脚本文件

  $('.thumb img').after('<span></span>');
    $('.thumb span').css('opacity','0');
    $('.post_home a:first-child').hover(function(){
        $(this).find('span').stop().animate({opacity: 0.95}, 200);
        $(this).nextAll().find('a').css('color', '#ff0000');
    }, function(){
        $(this).find('span').stop().animate({opacity: 0}, 200);
        $(this).nextAll().find('a').removeAttr('style');
    });

任何帮助都会很棒！谢谢

Answer 1

如果这是页面上唯一带有锚标记的 <h2> ，那么我会将 jquery hide() 和 show() 方法添加到脚本中：

$('.thumb img').after('<span></span>');
$('.thumb span').css('opacity','0');
$('.post_home a:first-child').hover(function(){
    $(this).find('span').stop().animate({opacity: 0.95}, 200);
    $(this).nextAll().find('a').css('color', '#ff0000');
    $('h2 a').show();
}, function(){
    $(this).find('span').stop().animate({opacity: 0}, 200);
    $(this).nextAll().find('a').removeAttr('style');
    $('h2 a').hide();
});