jQuery live（）...必须点击两次才能激活链接？

Question

我有下面的代码位，简单地说：

$(function() { 
    $('a.add-photos-link').live('click', function(e) { 
    $(this).colorbox({ 
     overlayClose: false, 
     onComplete: function() { 
     $('#add_photos').submit(function(e) { 
      // more stuff to do 
      e.preventDefault(); 
     }); 
     } 
    }); 
    e.preventDefault(); 
    }); 
}); 

然而，这似乎只在链接上单点击后不愁。这些链接会动态添加到页面（a.add-photos-link）。

为什么会发生这种情况，我该如何解决这个问题，以便在第一次单击后启动？

Answer 1

您当前的代码仅为链接创建一个colorbox。它不会打开colorbox，这就是为什么你需要点击链接两次：一次创建它并再次打开它。

可以使用open选项（as documented）创建颜色框立即打开它，像这样的时候：

$(this).colorbox({ 
    open: true, 
    overlayClose: false, 
    onComplete: function() { 
    // ... 
    } 
});