为category.php中的每一篇文章制作图库



嗨,我在为每个帖子实现Gallery时遇到了一些困难。

事实上,问题并不是让它发挥作用,问题是网站像旅游一样慢下来了。

我为每个画廊使用周期:

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个帖子生成一个图库会让网站变得非常慢。。。。

well cycle并不是帖子中唯一调用的插件,它还使用了jspScroll、qTip等。

你建议在每一篇文章中添加jquery,以准确快速地显示内容?

感谢

如果您使用了相当数量的jQuery"插件",您肯定会注意到性能的急剧下降。在UI密集度较低的页面上,帮助提高性能的一种快速而简单的方法可能是将代码上下文化。例如,如果您只需要在Wordpress构建的主页上运行Cycle,则可以使用"if"语句:

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上运行它时。

最新更新