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

您当前的代码仅为链接创建一个颜色框。它不会打开颜色框，这就是为什么您需要单击链接两次:一次创建它，再次打开它。

您可以在创建颜色框时使用 open 选项 ( as documented ) 立即打开它，如下所示:

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