1. ホーム
  2. ジャバスクリプト

[解決済み] jQueryでdivを "fadeOut "および "remove "する方法は?

2022-04-01 03:44:05

質問

画像がクリックされたときに、div &にフェードアウト効果を与え、そのdiv (id = "notification") を削除しようとしています。

こんな感じでやってます。

<a onclick="$("#notification").fadeOut(300,function() { $("#notification").remove(); });" class="notificationClose "><img src="close.png"/></a>

これはうまくいかないようです。 これを修正するにはどうすればよいのでしょうか?

解決方法を教えてください。

これを試してみてください。

<a onclick='$("#notification").fadeOut(300, function() { $(this).remove(); });' class="notificationClose "><img src="close.png"/></a>

をダブルクォートで囲んでいますね。 onclick が動作しない原因になっていました :)

EDIT : 下記で指摘されているように、インラインのjavascriptは邪道なので、おそらくこれを onclick に移動させ、jQueryの click() イベントハンドラです。最近のクールな子供たちはそうしているのです。