0

これはおそらく基本的な jQuery のものですが、自分のニーズに合った適切なコードが見つからないようです。

それで、このシンプルな画像フェーダーを設定しようとしています。ボタンをクリックすると、一方の画像がもう一方の画像にフェード インします。問題は、画像が既に表示されているときにこのイベントが発生しないようにすることです。これを設定した方法では、画像がフェードアウトしてからフェードインしますが、既にフェードインしています。このようにして、ボタンを複数回クリックし続けることができます。

これが起こらないようにする方法はありますか？表示されている場合は、クリックのバインドを解除しますか?

もっと賢い人はいますか？前もって感謝します！

$('#services .serviceWrap h3').click(function (event) {

    var Service = 'service' + $(this).attr("id");

    $('#services .serviceWrap img').fadeToggle(200, function () {
        $('#services .serviceWrap img').attr("src", 'img/' + Service + '.gif');
        $('#services .serviceWrap img').fadeToggle(200);
    });
});
4

3 に答える 3

1

内部にいいねをclick event追加condition

if($('#services .serviceWrap img').is(':visible')){
     //do something
}else{
   //do something
}
于 2013-07-11T13:22:47.307 に答える
0

表示されているか確認できませんか？$(".someElement").is(":visible")? それとも、それはあなたが探しているものではありませんか?

于 2013-07-11T13:23:12.700 に答える