Javascript 执行脚本后，jQuery悬停不再工作

以下是我的设置：

如果我单击图像B，它将切换图像A和图像B。如果我单击图像E，它将切换图像B和图像E，依此类推

但是，我想添加悬停效果，以便每当我将鼠标悬停在图像上时，它都会使该图像变暗。我已经在工作，但当我点击（例如）图像B时，它会切换图像B和图像A，但现在图像B已经变暗，悬停效果将不再在图像A上工作

我正在使用Wordpress：

 <div id="content" class="site-content" role="main">
        <div class="content_wrapper">
            <div class="content_featured" style="float:left; "></div>
            <?php if ( have_posts() ) : ?>
            <?php
                $i = 1;
            ?>
            <div class="content_children" style="float:right">
                <div class="content_left" style="float:left">
                <?php while( have_posts() ) : the_post(); ?>
                <?php
                    static $count = 0;
                    if( $count == 5 ) { break; }

                    else {
                        if( $i == 1 ) {
                            ?><span><span class="main active"><a href="javascript:void(0);"><div style="background:black; margin:2px;"><?php the_post_thumbnail('full');?></div></a></span></span><?php
                        } else {
                            ?><span class="child nonactive"><a href="javascript:void(0);"><div style="background:black; margin:2px;"><?php the_post_thumbnail('full'); ?></div></a></span><?php
                        }
                        $i++;
                        $count++;
                    }
                ?>
                <?php endwhile; ?>
                </div>
                <div class="content_right" style="float:right;"></div>
            </div>

            <?php twentythirteen_paging_nav(); ?>

        <?php else : ?>
            <?php get_template_part( 'content', 'none' ); ?>
        <?php endif; ?>
        </div>
    </div><!-- #content -->

PS我知道这是一个错误的标题，但我不知道如何陈述它

编辑：

---

这是我能用小提琴做的最好的了

你能用小提琴把它复制出来吗？是的，很抱歉演示得很糟糕。编辑：我不知道如何在fiddle上复制。我们将您的html标记放在html部分，添加包含相关库的脚本并运行它，如果有效，请单击共享并在此处发布链接。我更新了我的帖子。但问题是

 jQuery(document).ready(function() {
divide_content($);
cycle_images($);
darken_images($);

var main = jQuery(".content_left span:first").html();
jQuery(".content_left span:first").empty();
jQuery(".content_featured").append(main);
});

function cycle_images($) {
$(".nonactive").click(function() {
    var a = $(this).html();
    var b = $(".active").html();
    //alert(a+"\n\n"+b);
    $(this).empty();
    $(".active").empty();
    $(this).append(b);
    $(".active").append(a);
});
}

function divide_content($) {
var size = $(".content_left > span").size();
$(".content_left > span").each(function(index) {
    if(index >= size / 2) {
        $(this).appendTo(".content_right");
    }
});
}

function darken_images($) {
$(".nonactive img").hover(function() {
    $(this).fadeTo(500, 0.5);
}, function() {
    $(this).fadeTo(500, 1);
});

$(".content_featured").hover(function() {
    $(".active img").fadeTo(500, 0.5);
    //alert("qwe");
}, function() {
    $(".active img").fadeTo(500, 1);
});
}