Question

我正在制作一个图像滑块，用于加载用户使用jQuery点击的图像。我在Chrome中工作得很好但是当我在firefox和IE中尝试它时根本没有加载图像。这是我的代码：

    $("img.clickable").click( function() {
    $("#image_slider").animate({opacity:1.0,left:200},"slow");
    $("#image_container").attr("src",event.target.src);
    ihidden = false;
});

当我尝试在firefox或IE中运行它时，它根本不会加载图像。有任何想法吗？：）

Answer 1

您需要在参数中定义event。

$("img.clickable").click( function(event) {
    $("#image_slider").animate({opacity:1.0,left:200},"slow");
    $("#image_container").attr("src",event.target.src);
    ihidden = false;
});

否则将使用window.event。

Answer 2

尝试使用$(this).attr('src')代替event.target.src

Answer 3

试试这个：

target = (window.event) ? window.event.srcElement /* for IE */ : event.target

Answer 4

$("img.clickable").click( function(e) { $("#image_slider").animate({opacity:1.0,left:200},"slow"); $("#image_container").attr("src",$(e.target).attr('src')); ihidden = false; });

这应该可以正常使用

jQuery event.target无法在firefox和IE中运行？

4 个答案: