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() { 
    // ... 
    } 
});