prettyPhoto和Ajax加載的內容

Question

我目前正在制作一個小的產品展示頁面，該頁面通過ajax加載啟用prettyPhoto的畫廊。 問題是，當頁面最初加載后，prettyPhoto無法在添加的圖像上使用。 我了解到在加載新內容后需要重新初始化prettyPhoto，但是如何？ 我試過添加prettyPhoto.init（）; 返回到頁面的代碼-不起作用。

我正在處理的頁面在這里： http : //turningpointpro.com/page.php?id=10

Answer 1

我最終找到了兩個解決方案。 首先也是最好的做法是：

$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
});

進入ajax回調，而不是prettyPhoto.init(); 我以前調用的函數。

我還幸運地使用了API，而不是再次重新加載prettyPhoto。

希望這對某人有幫助。

Answer 2

$(function() {
$('#navigation a.button').click(function(e) {
  $.get( $(this).attr('href'), function(data) {
      $('#portfolio').quicksand( $(data).find('li'), { adjustHeight: 'dynamic' }, function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); } );

  });  
  e.preventDefault();  
});
});

Answer 3

如果將ASP.NET與Ajax一起使用，則腳本管理器將允許您使用名為pageLoad()的函數，該函數在頁面每次發回（異步或其他方式）時都會調用。

您的代碼：

function pageLoad()
{
 $("a[rel^='prettyPhoto']").prettyPhoto(); 
}