Question

我希望当我点击图像时，我看到新图像，然后点击后我希望新图像更改为默认图像，但我必须拖动鼠标才能看到默认图像，但我不会想要那个。

这是我的代码：

$(document).ready(function(){
    $(".img-button").live('click', function () {
           $(this).attr("src","images/pressed.svg");
    }); 
});

Answer 1

如果您只有一张图片，我建议您使用类名为其提供ID而不是（ab）。如果您有多个并且使用相同的图像，则将下面的$（“＃myImage”）更改为$（“。img-button”）

切换

$(document).ready(function(){
    $("#myImage").toggle(
     function() {
       $(this).attr('src','images/pressed.jpg');
     },
     function() {
       $(this).attr('src',"images/default.jpg");
    });
});

离开后交换

$(document).ready(function(){
    $('#myImage').on("click",function() {
       $(this).attr('src','images/pressed.jpg');
    });
    $('#myImage').on("mouseleave",function() {
       $(this).attr('src',"images/default.jpg");
    });
});

按

后半秒钟

$(document).ready(function(){
    $('#myImage').on("click",function() {
       $(this).attr('src','images/pressed.jpg');
       setTimeout(function() {
         $('#myImage').attr('src',"images/default.jpg");
       },500);
    });
});

单击jQuery后设置默认图像

1 个答案: