自动前进到分页帖子的下一页的脚本

时间:2010-12-17 作者:matt

我有一个自定义的帖子类型,它只是一个分页的帖子,充当幻灯片。我怎样才能让读者选择一个选项,在预设的时间间隔(比如10秒)后,让幻灯片自动前进到下一页?

1 个回复
最合适的回答,由SO网友:MikeSchinkel 整理而成

你好@matt:

要实现您的要求,您需要添加一些代码来排队一个Javascript文件,然后是Javascript文件本身。

您可以将下面的代码放在主题的functions.php 文件您会注意到它使用is_admin() 避免在/wp-admin/ 安慰您还应该添加一个标准,以避免在需要的页面上加载它(但是我不确定如何限制它,因为您的问题没有解释足够的细节):

add_action(\'init\',\'action_init_page_auto_advance\');
function action_init_page_auto_advance() {
  if (!is_admin()) { // Make this if() limited to just the pages you need.
    $ss_url = get_stylesheet_directory_uri();
    wp_enqueue_script(\'jquery\');
    wp_enqueue_script(\'page-auto-advance\', 
      "{$ss_url}/js/page-auto-advance.js",
      array("jquery")
    );
  }
}
前面的代码加载一个名为page-auto-advance.js 将放置在主题的子目录中,名为/js/ 这是文件。注意,它假设您的站点上有以下格式的“下一步”链接<a rel="next" href="...">...</a>:

jQuery(document).ready(function($){
  var href = $("a[rel=\'next\']").attr("href");
  if (href!=undefined)
    setTimeout(\'window.location.href = jQuery("a[rel=\\\'next\\\']").attr("href");\',5000);
});
如果之前的Javascript找到一个带有rel="next" 在页面上。

需要注意的一件事是,您可能会发现它在您不希望它前进的时候会前进,但有了这段代码,希望您有一个起点,可以对它进行微调。

结束

相关推荐

如何将外部jQuery/Javascript文件与WordPress链接

因此,我使用Starkers作为我下一个WP主题的基础,我遇到了一个小问题,我在header.php 但是当我使用Firebug检查我的网站时,我注意到jquery被下载了两次,我做了一些挖掘,并注意到我不仅包括了文件,还包括了wp_head() 作用在尝试修复该问题时,我注意到头文件中有一条注释,该注释源于“210”主题:/* Always have wp_head() just before the closing </head> * tag of your theme, or