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 选项（如文档所述）将其打开立即，像这样：

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