使用jquery更改图像源属性不适用于IE

时间:2014-12-26 15:19:10

标签: jquery

我正在尝试使用jQuery更改图像的源属性。 它在Safari和Chrome上运行良好,但在Internet Explorer(v11)

上不起作用

代码:

$('.ui360 a').on('click', function(){ 
$("#album-img").attr("src", $(this).data("src"));
});

HTML

<div class="ui360"><a href="track1.m4a" data-src="track-image-1.jpg">Track 1</a></div>
<img src="album-cover.jpg" id="album-img">

1 个答案:

答案 0 :(得分:4)

添加返回false;这样链接就不会重定向到href

 $('.ui360 a').on('click', function(){ 
    $("#album-img").attr("src", $(this).data("src"));
     return false;
});

我在Internet Explorer(v11)中运行此代码。虽然你的href看起来不太好,但可能是track1.m4