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

回答

相关问题