0

以下をフェードアウトするにはどうすればよいですか？alpha 0 だけでなく、フェードアウト後に display:none と visibility:hidden も完全に削除する必要があります。

フィドル: http://jsfiddle.net/fourroses666/ywMUx/2/

js:

<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
  $('.go-away').click(function() {
      $('.message').removeClass('show');
  });
</script>

CSS:

<style>
  .message{display:none; visibility:hidden;}
  .message.show{display:block; visibility:visible;}
  .go-away{float:right; cursor:pointer; cursor:hand;}
</style>

html:

<div class="message show">Pizza is nice! <div class="go-away">x</div></div>
4

2 に答える 2

2

これを試して

$('.go-away').click(function() {
    $(this).parent().fadeOut();
});
于 2013-05-09T15:45:27.950 に答える
0

fadeOut要素を非表示にします。 は400フェードアウトするミリ秒数function() { $(this).remove() }です。次に、要素を DOM から削除するコールバック関数 (fadeOut アニメーションの完了後に呼び出されます) です。これが実用的なフィドルです。これが役立つかどうか、または質問がある場合はお知らせください:)

  $('.go-away').click(function() {
      $('.message').fadeOut(400, function() {
          $(this).remove();
      });
  });
于 2013-05-09T15:48:24.843 に答える