砌體+無限滾動和PrettyPhoto燈箱

這是一個重職，
我使用的砌體插件與WordPress博客的無限滾動的插件。我需要在這個博客上使用PrettyPhoto插件。 PrettyPhoto燈箱工作正常，但是當砌體加載下一組帖子時（無限滾動插件在向下滾動時加載下一組帖子），PrettyPhoto停止工作。
注：我使用的主題已經嵌入了收藏
我不是在jQuery的一個專家，所以，這裏是其中的主題是用兩個腳本
https://dl.dropbox.com/u/89122367/plugins.js
https://dl.dropbox.com/u/89122367/scripts.js
我需要使用PrettyPhoto這個主題，需要專家的幫助砌體+無限滾動和PrettyPhoto燈箱

來源

2013-02-18 Pasindu

是否舊圖像（砌體插件之前加載）它加載後工作好新內容？如果是的話，我可以大概知道解決方案的原因。 – bumerang 2013-02-18 15:00:20

@bumerang是的，你是正確的（我認爲）...它發生在我向下滾動時.Prettyphoto在頁面加載時工作正常，但是當我向下滾動並且石工加載嵌套帖子（使用無限滾動） ..prettyphoto不適用於這些新帖子。但是嵌入模板的舊燈箱（fancy box）工作正常 – Pasindu 2013-02-18 17:20:38

它不工作的原因是Prettyphoto不知道有一些新的圖像「照顧「:)。當新項目上傳時，他們沒有Prettyphotobind。我認爲，最簡單的方法是添加ajax請求檢測，然後在新圖像上觸發Prettyphoto。

$(document).ajaxComplete(function() { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); // or any other way You use prettyPhoto 
});

把abowe代碼添加到網頁的頭部分，即：

<script> 
    $(document).ajaxComplete(function() { 
     $("a[rel^='prettyPhoto']").prettyPhoto(); // or any other way You use prettyPhoto 
    }); 
</script>

這會幫助你

來源

2013-02-19 09:06:16 bumerang

想到的是，您已經給我的腳本添加jQuery庫之前，這是我的腳本調用錯誤的方式。您需要首先加載jQuery庫，因此只需將我的代碼放在您的頭部底部，即''之前，以確保它能正常工作。 – bumerang 2013-02-20 08:33:24

我按照你所說的添加了代碼，但沒有發生任何事情。 – Pasindu 2013-02-20 14:27:41

你使用FireBug嗎？或者你有嘗試在一些IE中運行這個頁面？你有一些JavaScript問題。如果你解決了他們的問題，我的解決方案將會起作用，但是現在由於這個問題，它將無法工作。我可以看到你對JavaScript不太熟悉。 – bumerang 2013-02-21 07:58:12

砌體+無限滾動和PrettyPhoto燈箱

回答

相關問題