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>