javascript - IE 9及以下版本不切换缩略图

Question

单击产品页面侧面的每个缩略图将切换大图像以正常显示该图像。在除 Internet Explorer 9 或更低版本之外的任何其他浏览器上都可以正常工作。但没有看到任何直接原因。我正在使用 Internet Explorer 的开发工具来模拟 v9 及以下版本进行测试，因为我没有安装它们。有些人之前说过他们没有问题，但我和第二台和第三台装有 IE 的计算机肯定也有问题。

直播网址:http://bit.ly/1bEfjYf

<?php if ($thumb || $images) { ?>
<div class="left">
  <div class="image-additional">
    <a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img class="side_thumb" src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a>

    <?php foreach ($images as $image) { ?>
    <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"><img class="side_thumb"  src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
    <?php } ?>
  </div>
</div>
<div id="big_image">
    <img width="320" height="320" name="main" src="<?php echo $popup; ?>" alt="">
</div>
<?php } ?>

JavaScript

$('.side_thumb').click(function(e){
    e.preventDefault();
    console.log($(e.currentTarget).parent('a').attr('href'));
    $("#big_image").html($('<img width="320" height="320">').attr("src", $(e.currentTarget).parent('a').attr('href')));
    //$("#big_image").prop('src',$(e.currentTarget).attr('href'));
})

Answer 1

在某些版本的 IE 中，在打开开发工具之前，console 对象不存在，这通常会导致 Heisenbug，导致无法正常工作，然后打开开发工具查看原因并他们开始工作。

在 IE8 上测试您的网站，情况似乎如此，我确实在左下角收到“console is undefined”错误，因此请尝试删除对 console 的调用.log.