2012-09-11 32 views
0

嗨,我試圖爲每個帖子實施一個圖庫時遇到了一些麻煩。爲category.php中的每個帖子製作圖庫

事實上,這個問題並沒有使它工作,問題是網站變得像一個tourtle。

我使用週期爲每畫廊:

var 
    id = $('#gallery-id-<?php the_ID(); ?>'), 
    container = $('#container'), 
     leftArrow = $('#leftArrow'), 
     rightArrow = $('#rightArrow') 

    id.cycle({ 
     timeout:0, 
     fx:'scrollHorz', 
     prev: prv, 
     next: nxt, 
     easing: 'easeOutExpo' 
    }); 

但生成一個畫廊10後正在現場超慢....

和良好循環是不叫的唯一插件帖子,它也使用,jspScroll,qTip等

你建議在每個帖子中添加jquery,以顯示內容的準確和快速嗎?

感謝

回答

0

如果您正在使用jQuery的「插件」相當數量的你一定會發現一個戲劇性的降解性能。一種快速簡單的方法可以幫助您在更少的用戶界面密集型頁面上提升性能,從而使您的代碼更具情境化。舉例來說,如果你只需要在一個WordPress的主頁上循環運行籌建你可以使用一個「如果」聲明:

if($('body').hasClass('home')) { 
    var 
    id = $('#gallery-id-<?php the_ID(); ?>'), 
    container = $('#container'), 
    leftArrow = $('#leftArrow'), 
    rightArrow = $('#rightArrow') 

    id.cycle({ 
    timeout:0, 
    fx:'scrollHorz', 
    prev: prv, 
    next: nxt, 
    easing: 'easeOutExpo' 
    }); 
}// End body.home only 

這樣做只是看<body>類和檢查,看是否頁面有這個類。如果它有這個類,它將運行必要的jQuery調用。你可以開始看到這很容易成爲一個維護問題,所以適當地上下文化!

p.s.沒有看到代碼的其餘部分,我可以從經驗中得知,jspScroll是「緩慢」站點的確定罪魁禍首 - 尤其是當您在大型DOM上運行它時。

+0

這是一個非常困難的問題,因爲,jquery,在所有類別中都使用,並且每個帖子都需要生成一個垂直滾動的圖庫以及整個頁面使用$ localScroll(); – Locke

+0

事實上,我試圖達到這樣的「http://www.secondstory.com/studio/news」,但肯定知識少得多,並與wordpress:D – Locke

相關問題