jquery colorbox問題

Question

嗨，朋友我有我顯示一些數據通過ajax在我的網頁上，當ajax完成，我點擊查看信息的顏色框不工作，但我顯示的數據沒有Ajax，我點擊它的工作colorbox鏈接開放

爲什麼JavaScript並不是工作通過AJAX當數據來自

感謝

$.ajax({ 
    url: "remote.php?act=ShowContacts&id="+id, 
    cache: false, 
    success: function(html){ 
    $("#displaycontacts").html(html); 

    } 
}); 

    $("#viewcontact").colorbox({width:"500px", height:"520px", iframe:true}); 

<a href="viewcontact.php?id=3" id="viewcontact" class="cboxElement">View Details</a> 

當數據來自Ajax和我點擊O詳細信息彩盒不工作不開放的觀點，但是，當我把這個鏈接沒有阿賈克斯它的工作很好

Answer 1

在獲取.colorbox（）事件處理程序之後，最有可能加載ajax數據。在完成ajax調用之後，您需要將colorbox事件處理程序應用於已加載的新元素。

完成後可以調用.colorbox（）方法，或者檢查.live()或.delegate（）方法。

Answer 2

試試這個：

<script> 
    $.ajax({ 
     url: "remote.php?act=ShowContacts&id="+id, 
     cache: false, 
     success: function(response){ 
     $("#displaycontacts").html(response); 
     } 
    }); 
    $("body").delegate("a[rel='lightbox']", "click", function (event) { 
         event.preventDefault(); 
         $.colorbox({href: $(this).attr("href"), 
           width:"500px", 
           height:"520px", 
           iframe:true}); 
    }); 
</script> 
<a href="viewcontact.php?id=3" rel='lightbox'>View Details</a>