我的jquery图片库在firefox中不起作用（23.0.1）

Question

我制作了这个jquery图片库，它在我的Chrome浏览器中运行得很好。该图库使用3个缩略图，您可以单击这些缩略图以在“current_image”div中显示它。

但如果我尝试在firefox中使用它，我无法点击缩略图来显示它。

有谁知道如何改进这段代码，以便它也可以在Firefox中使用？

这是我的jquery代码：

// Image gallery    
$("#small_images .small_image").first().addClass('active');         

$(".small_image").click(function () {
    event.preventDefault();
    var image = $(this).prop("rel");
    $('#under').prop('src', image);
    $('#above').fadeOut(600, function () {
        $('#above').prop('src', $('#under').prop('src')).show();
    });

    $(".small_image.active").removeClass('active');
    $(this).addClass('active');
});

这就是HTML：

        <div id="image_gallery">

            <div id="current_image">
                 <img id="above" width="100%" src="<?php the_field('image_1'); ?>" />   
                 <img id="under" width="100%" src="<?php the_field('image_2'); ?>" />         
            </div><!--End current_image-->

            <div id="small_images">

                <?php foreach($pictures as $picture) : ?>

                <a class="small_image" rel="<?php the_field($picture); ?>"><img width="100%" src="<?php the_field($picture); ?>" /></a>

                <?php endforeach; ?>

            </div><!--End small_images-->

            <div class="clear"></div>

        </div><!--End image_gallery-->