jquery - jQuery on click replace image IE9 Bug

Question

在 IE9 中只有我有小图像，当用户单击它时，它会在上面的 div 中显示更大尺寸的小图像，因此您可以看到完整图像 - 它适用于除 IE9 之外的所有浏览器，我不知道还有什么可以做些什么来解决这个问题 - 这是一个缓存问题吗？css 问题？脚本问题？

<script type="text/javascript">
$(document).ready(function () {
    // image swap on the events template
    var $MainLargeImage = $('.control.Event .RightSide .Images .LargeImage');
    var $ThumbnailImages = $('.control.Event .RightSide .Images .smallImages img.SmallImage');

    $ThumbnailImages.click(function () {
        $MainLargeImage.attr('src', $(this).attr('src'));
    });
});
</script>

你可以在这里看到问题：http: //team-spirit.co.uk/events/library/A-Taste-Of-Vegas.aspx

Answer 1

你能试试这个，让我知道console.log的生成吗？

$ThumbnailImages.on('click',function () {

    console.log(this);
    var src=$(this).prop('src');
    console.log(src);
    console.log($MainLargeImage.prop('src'));
    $MainLargeImage.prop('src', src);
    console.log($MainLargeImage.prop('src'));

});