0

画像をクリックしたときに新しい画像が表示され、クリックした直後に新しい画像がデフォルトの画像に変更されますが、マウスをドラッグしてデフォルトの画像を表示する必要がありますが、それはしたくありません。

これは私のコードです:

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

1 に答える 1

3

画像が1つしかない場合は、クラス名を（ab）使用するのではなく、IDを指定することをお勧めします。複数あり、すべてに同じ画像を使用する場合は、以下の$（ "＃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");
    });
});

押してから0.5秒交換

$(document).ready(function(){
    $('#myImage').on("click",function() {
       $(this).attr('src','images/pressed.jpg');
       setTimeout(function() {
         $('#myImage').attr('src',"images/default.jpg");
       },500);
    });
});
于 2012-10-12T16:56:09.617 に答える