jQuery代码只触发一次

我有一个jQuery代码，淡出点击div。我有一个电子邮件tyoe列表，每个都有一个删除按钮，我想淡出点击div，但它只是淡出第一个div。这是我的代码。jQuery代码只触发一次

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

例如说我有十个的div，每个包裹在＃消息的包装器，并使用＃消息关闭按钮。但只有顶级的div才会消失。

感谢您的任何帮助。

来源

2017-02-15 Nick Galgay

提供jsfiddle。 –

你的ID是唯一的吗？他们必须是。 – j08691

我无法提供jfiddle，因为它是一个消息传递电子邮件类型系统，并且需要我很长时间。 j08691会创建usique ID很难吗？我不是编码员，现在我只是使用id =“message-close”作为div。 –

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

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

因此，每个click函数必须将您想要的相应ID映射到，并且这些ID必须不同。

来源

2017-02-15 21:59:55 user3403959

这是我的html。

你需要使用类而不是id（就像这个$（“.messages-wrapper”））。在页面上只有一次使用独一无二的ID。如果你想隐藏所有的div，不要使用ID。例如：

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

来源

2017-02-15 22:04:41 AlexShanin

jQuery代码只触发一次

回答

相关问题