點擊jQuery替換圖片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')); 

});