IE版本9及以下版本不切換縮略圖

單擊產品頁面側面的每個縮略圖將切換big_image以正常顯示該圖像。對於Internet Explorer 9或更低版本以外的任何其他工作都可以正常工雖然沒有看到任何直接的原因。我正在測試通過使用Internet Explorer的開發工具來模擬v9及以下，因爲我沒有安裝它們。有人以前說過他們沒有問題，但是我和第二臺電腦用IE肯定也有。IE版本9及以下版本不切換縮略圖

直播網址：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')); 
})

來源

2014-02-24 JordanC26

當它不起作用時會發生什麼？它是否在瀏覽器中顯示圖像？ – Guffa

我點擊縮略圖，它什麼都不做，它應該像平常一樣，只需從縮略圖中選擇一個大圖像。 – JordanC26

它啓用調試時在IE8中工作。否則，我會得到一個'console is undefined'錯誤。 – Jorg

在IE瀏覽器的一些版本中，console對象ISN在開發者工具開放之前不會出現d，這往往會導致Heisenbugs無法正常工作，然後您打開Dev Tools查看原因並開始工作。

在IE8上測試您的網站，這似乎是這種情況，並且我確實在左下角出現了「console未定義」錯誤，因此請嘗試將您的呼叫移除到console.log。

來源

2014-02-24 23:53:50

以前從未遇到過這種情況，但是現在工作很好，謝謝！ – JordanC26

@ JordanC26隨時！我知道你的感受 - 我幾個月前才遇到過。 –

只需使用this爲目標的圖像處理程序

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

來源

2014-02-24 23:47:01 Musa

切換到此（仍然有效），並且一樣，使用v9及更低版本時不變。點擊縮略圖，沒有任何東西。 – JordanC26

似乎只是刪除console.log調用來解決這個問題，但我很欣賞代碼修復！ – JordanC26

IE版本9及以下版本不切換縮略圖

回答

相關問題