jQuery在IE不能正常工作

我在html5文檔上有下面的代碼，但它不能在IE中工作。它在Chrome中可以正常工作，但是我認爲IE對腳本和編碼方式並不那麼寬容。jQuery在IE不能正常工作

我對jQuery很新，所以任何幫助，將不勝感激謝謝。

<div class="gallery"> 

    <div id='gallery-1' class='gallery galleryid-6 gallery-columns-9 gallery-size-thumbnail'> 
     <dl class='gallery-item'> 
      <dt class='gallery-icon'> 
       <a href='http://mysite.co.uk/homepage-01.jpg'><img src="http://mysite.co.uk/01-90x90.jpg" /></a> 
      </dt> 
     </dl> 
     <dl class='gallery-item'> 
      <dt class='gallery-icon'> 
       <a href='http://mysite.co.uk/homepage-02.jpg'><img src="http://mysite.co.uk/02-90x90.jpg" /></a> 
      </dt> 
     </dl> 
     <dl class='gallery-item'> 
      <dt class='gallery-icon'> 
       <a href='http://mysite.co.uk/homepage-03.jpg'><img src="http://mysite.co.uk/03-90x90.jpg" /></a> 
      </dt> 
     </dl> 
    </div> 

</div><!--gallery--> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 

<script> 
    $(document).ready(function() { 
     $("div.gallery a").click(function() { 
      event.preventDefault(); 
      $("div.picture").html($("<img>").attr("src", this.href).fadeIn(1000)); 
     }); 
    }); 
</script>

來源

2013-02-28 AnthW

「它不工作」是什麼意思？ Stackoverflow上的人不喜歡猜測這些事情。 – Madbreaks 2013-02-28 00:44:47

你的權利對不起，將來會銘記在心。這是顯示在一個div（.gallery）縮略圖鏈接到他們的大圖像的圖像。而鏈接的大圖應顯示在 – AnthW 2013-02-28 01:23:09

變量event尚未定義應該是：

$("div.gallery a").click(function (event) { 
    event.preventDefault(); 
    $("div.picture").html($("<img>").attr("src", this.href).fadeIn(1000)); 
});

來源

2013-02-28 00:45:30

頁上的另一個div（.picture）中。非常感謝。 – AnthW 2013-02-28 01:23:59

你需要「傳遞」的event您單擊處理程序：

$("div.gallery a").click(function(event) { // <---- here 
     event.preventDefault();

...否則event在點擊處理程序中未定義。引用它會導致事情中斷（我很驚訝它可以在任何地方使用）。

來源

2013-02-28 00:46:03 Madbreaks

回答

相關問題