jQuery动态添加类不会触发

Question

<a href="#" class='gbutton yen_form' rel="overlay-box1">Next</a>

$('yen_form').click(function(){
  //some validations done here
  $(this).addClass('overlay');
});

$('overlay').click(function(){
  //overlay appears
})

第一个函数正确触发，但第二个'overlay'类函数根本没有触发。 如果我添加叠加到锚，它可以正常工作。为什么???

任何人都可以解决这个问题，或者我做错了吗？

Answer 1

使用live方法 $（“。overlay”）。live（“click”，function（）{ }）;

NB将类添加到锚点后，会立即触发直播事件。 你不能只显示叠加而不是添加一个类吗？ 使用以下代码

$('.yen_form').click(function(){
  //some validations done here
  $(this).addClass('overlay');
});

$('.overlay').live("click", function(){
  //overlay appears
});