Facebox在使用AJAX加載另一個數據後無法工作

Question

我在文章中創建了評論區域，然後，發佈評論的成員名稱將具有鏈接，並且可以單擊該鏈接以顯示使用成員配置文件facebox， 問題是當另一個成員評論加載了AJAX時，該鏈接無法正常使用Facebox顯示成員配置文件。

與鏈接

會員名：

<a href="/view/profile/<?php print $data['mId']; ?>/" title="View <?php print stripquote($data['mName']); ?>'s Profile" rel="facebox" class="membername"><?php print $data['mName']; ?></a> 

加載更多評論按鈕：

<a href="#" id="<?php echo $msg_id; ?>" class="more">Load more comment</a> 

facebox配置：

jQuery(function($){ 
    $('a[rel*=facebox]').facebox(); 
}); 

那麼，如何在使用AJAX加載更多成員評論之後使facebox正常工作。 Tq

Answer 1

有幾種方法可以解決這個問題。

您可以在ajax加載後設置facebox鏈接，例如

// I don't know how you're doing the ajax load, but say you were using jQuery #load 
$(".more").click(function() { 
    $("#yourdiv").load("something.php", function() { 
    $(this).find("a[rel*=facebox]").facebox(); 
    }); 
}); 

或者你可以得到一個小票友，並點擊鏈接時懶洋洋地加載facebox，是這樣的：

$(document).on("click", "a.facebox", function() { 
    // I've never used facebox, but according to the docs (link below), this should work. 
    $.facebox({ ajax: $(this).attr('href') }); 
}); 

見Controlling Facebox Programatically在文檔中。