2012-01-12 74 views
1

我非常喜歡JQuery和Javascript。我使用的是無限滾動wordpress插件,我非常自定義一個主題。在主題中,它最終會調用Fancybox Javascript - 我將它用作主頁上的post/images的4x4網格上的圖像庫。獲取新內容後重新加載腳本(無限滾動wordpress + fancybox)

當向下滾動,它裝載16個新職位,但它不包括的fancybox效果(甚至不能點擊圖片)

該插件有一節「JavaScript旁的帖子後,被稱爲被抓取「:任何在頁面加載時應用於發佈內容的功能在新內容進入時都需要執行。

Fancybox腳本被加載在頁腳」page_templates.php「下。我不確定如何使它正常工作? :/

這是我的網站,任何幫助將不勝感激! My Site

回答

3

我既沒有使用fancybox也沒有使用無限滾動,但是這裏的邏輯是fancybox不會被無限滾動的內容自動調用。我們必須明確地做到這一點。

你能以某種方式配置無限滾動嗎?因爲我們需要做的是利用回調函數在無限滾動來調用新取的元素的fancybox:

function applyFancyBoxToImages(elements){ 
    $(elements).each(function(){ 
     $(this).find('img').fancybox(); 
    }); 
} 

$(elem).infinitescroll(options,applyFancyBoxToImages(arrayOfNewElems)); 

或者其他類似的效果。

+0

原來回調是如'的jQuery(newElements).fancybox({ \t \t 'overlayOpacity' \t簡單:\t 0.7, \t \t 'overlayColor' \t \t:\t '#000000', \t \t「 transitionIn」 \t \t: '彈性', \t \t 'transitionOut' \t \t: '彈性', \t \t 'easingIn' \t: 'easeOutBack', \t \t 'easingOut' \t: 'easeInBack', \t \t 'speedIn' \t \t \t: '700', \t \t 'centerOnScroll' \t:真 \t});':) – Xhynk 2012-01-12 20:56:40

相關問題