使用jquery.validate追加后jQuery hide元素

Question

在将元素追加到div后隐藏元素时遇到问题。我已经尝试了所有的东西，然后全神贯注地寻找答案。我花了差不多整整一天的时间。

所以我使用jquery.validate.js来制作自定义错误代码

email: '<img id="img1" class="RCB" src="images/closeButton.png" /><h3>Incorrect Email</h3><p>Please enter a valid email address</p>'

然后附加到我最右边的div #rightBar

errorClass: "rightNotification",
errorElement: "div",

errorPlacement: function(error, element) {
  error.appendTo("#rightBar");
},

然后在一个单独的js文件中，当点击顶部的关闭按钮时，我尝试淡化（）它

$(document).ready(function() {
  $(".RCB").live("click", function() {
    $('.rightNotification').hide();
  });
});

我也试过

$(document).ready(function() {
  $(".RCB").click(function() {
    $('.rightNotification').hide();
  });
});

以及其他一些解决方案。我基本上想要右关闭按钮（RCB）来关闭整个通知。我无法想到任何我没有尝试的东西，但我希望你能想到什么。

干杯， 马特

非常感谢任何帮助！

Answer 1

您需要动态添加event delegation - 在版本1.7中弃用live()并在版本1.9中删除：

$(document).on("click", ".RCB", function() {
   $('.rightNotification').hide();
});

如果可能，将document替换为更接近的容器元素（为了提高效率）。