0

我有以下代码： 

<div class="thumbs">                                                    
   <div class="item"><a class="changeImage" data-src="pic_1.jpg" data-id="2"><img src="pic_1.jpg" alt="Karte 2"></a></div>  
   <div class="item"><a class="changeImage" data-src="pic_2.jpg" data-id="3"><img src="pic_2.jpg" alt="Karte 3"></a></div>
   <div class="item"><a class="changeImage" data-src="pic_3.jpg" data-id="4"><img src="pic_3.jpg" alt="Karte 4"></a></div>
   <div class="item active"><a class="changeImage" data-src="pic_4.jpg" data-id="6"><img src="pic_4.jpg" alt="karte 4"></a></div>
</div>

以及以下 jQuery 代码： 

$(document).ready(function(){
    $('.changeImage').on("click",function(event){
        if (event.preventDefault) { 
            event.preventDefault();
        } else { 
            event.returnValue = false; 
        }
    var $rel = $(this).data('src');
    var $id = $(this).data('id');
    $(".card img").attr('src', $rel);
    $("input[name=cardid]").val($id);
    $(this).parent().siblings().removeClass('active');
    $(this).parent().addClass('active');
    })
})

为什么图片更改在 IE9 中不起作用？当我切换到<a href="pic_1.jpg">它时，直接在 IE9 中打开图片。所有其他浏览器都工作正常。

你有想法吗？

我正在使用 jQuery 1.9.1

4

2 回答 2

0

Switch to jQuery 1.7.1 helped! They where errors in 1.9.1!

于 2013-08-08T23:13:47.023 回答
0

我通常会在处理event.preventDefault()程序return false的最后做些什么，以避免可能发生的任何跨浏览器怪癖。

您可能会发现由于支票返回event.returnValue而未设置。if(event.preventDefault)true

于 2013-08-08T23:20:01.540 回答