javascript - 脚本无法使用在$ .getJSON附加ID之前不存在的ID

该脚本可能由于JSON的加载而无法正常工作：

$(function(){
    $('#fresh-button').click(function(){
        $('.blackout').fadeIn(300);
        $('.fresh-div').fadeIn(300);
        setTimeout(function(){
            $('.blackout').fadeOut(300);
            $('.fresh-div').fadeOut(300);
        },500);
    })
})

我有一个id=fresh-button的div，直到从$ .getJSON追加它之后才存在：

$.getJSON('fresh_posts.php',function(data){
    data.freshposts.forEach(function(post){
      var post = '<div id="fresh-button"><div>';
      $('.main').append(post);
    })
  })

最佳答案

使用事件委托来绑定点击处理程序，但是您还应该将id更改为class，因为id必须是唯一的。有关事件委托的信息，请参见jquery .on() function的文档。

$('.main').on('click', '.fresh-button', function(){

...

var post = '<div class="fresh-button"><div>';