jQuery代码仅触发一次

Question

我有jQuery代码，可在单击时淡出div。 我有一个电子邮件tyoe列表，每个列表都有一个删除按钮，我想在单击时淡出div，但它只是淡出了div的拳头。 这是我的代码。

$(document).ready(function(){
   $( "#message-close" ).click(function() {
     $( "#messages-wrapper" ).fadeOut( "slow", function() {
     });
   });
});

比如说我有十个div，每个div都包裹在＃messages-wrapper中，并使用＃message-close按钮。 但只有最高级的div会消失。

谢谢你的帮助。

Answer 1

您需要使用类而不是id（例如$（“。messages-wrapper”））。 因为唯一ID在页面上应该只有一次。 如果要隐藏所有div，请不要使用ID。 例如 ：

$(document).ready(function(){ 
 $( "#message-close" ).click(function() {
  $( ".messages-wrapper" ).fadeOut( "slow");
 });
});

Answer 2

您必须为每个div使用不同的ID。

当您单击带有message-close ID的元素时，将调用$("#message-close").click(function(){}) ，并且fadeOut函数将div对准带有messages-wrapper ID的div。

因此，每个click函数都必须针对您要自己fadeOut() ID，并且这些ID必须不同。