jquery相关IE漏洞属性

Question

好了，所以我在jQuery的新手，有这个简单的脚本来“预览”在一个div在图像上点击2个链接

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script> 

<script type='text/javascript'> 

$(function(){ 
    $('a.classname').click(function(){ 

     var new_image_src = $(this).attr('href'); 
     var $new_image = $("<img>", { 
      src: new_image_src, 
      width: 400, 
      height: 300, 
      load: function() { 
       $('#preview').animate({'opacity': 1}, 'fast'); 
      } 
     }); 

     $('#preview').animate({'opacity': 0}, 'fast', function(){ 
      $('#preview').empty().append($new_image); 
     }); 
     return false; 
    }); 
}); 
</script> 

..... 

<a class="classname" href="images/pic1.png">link 1</a> 
<a class="classname" href="images/pic2.png">link 2</a> 

在Firefox和Opera的伟大工程。但是，IE会打开一个新窗口，点击图像路径（www.mysite.com/images/pic1.png）。

我知道这是IE的行为，而不是一个jQuery的bug ..但是有一个简单的解决方法，以适应所有浏览器？

Answer 1

尝试：

1-替换此行：

$('a.classname').click(function(){ 

与这一个：

$('a.classname').click(function(event){ 

2-替换此行：

return false; 

这一个：

event.preventDefault();

，让我知道，如果它的作品，我会告诉你什么是怎么回事:)

Answer 2

测试请

$(function() { 
    $("a.classname").click(function(event) 
    { 
     event.preventDefault(); 
     var new_image_src = $(this).attr('href'); 
     var $new_image = $("<img>", { 
      src: new_image_src, 
      width: 400, 
      height: 300, 
      load: function() { 
       $('#preview').animate({'opacity': 1}, 'fast'); 
      } 
     }); 

     $('#preview').animate({'opacity': 0}, 'fast', function(){ 
      $('#preview').empty().append($new_image); 
     }); 
    }); 
    }; 

event.preventDefault() --> Description: If this method is called, the default action of the event will not be triggered.

test it here