如何整合jpreloader for wordpress

时间:2013-11-20 19:52:08

标签: jquery wordpress preloader

我在我的html页面使用jpreloader,在预加载后,我为侧边栏(移入/移出)和内容(淡入/淡出)设置动画。

我将WP作为博客的一部分集成到我的网站中,我想使用相同的内容:至少预加载WP博客的主页,进入侧边栏(#secondary div)并淡入/淡出休息(#primary div)。

我使用了二十二岁的儿童主题,以及最新版本的WP(3.7.1)。 我的博客页面:http://webdesign.igorlaszlo.com/blog/

在header.php之前,我链接了jquery文件和预加载器脚本。 在标签之前的footer.php中,我调用了脚本并为侧边栏和内容设置了动画。

我不在WP中工作(但在我网站其他部分的普通html页面上工作得很好)。所以,我在这里阅读了一篇文章(Integrating JPreloader in wordpress)并在我的functions.php中添加了两行:

wp_register_script('jPreloader', get_template_directory_uri() . '/js/jpreloader.js', 'jquery', null, true);
wp_enqueue_script('jPreloader');

它不适用于它......

有人知道我弄错了什么吗?

2 个答案:

答案 0 :(得分:0)

您在儿童主题中使用get_template_directory_uri。来自食典委:

  

如果正在使用子主题,则将返回父主题目录URI,get_template_directory_uri()应该用于不打算被子主题包含/覆盖的资源。使用get_stylesheet_directory_uri()包含要由子主题包含/覆盖的资源。

将其更改为:

wp_register_script('jPreloader', get_stylesheet_directory_uri() . '/js/jpreloader.js', 'jquery', null, true);
wp_enqueue_script('jPreloader');

答案 1 :(得分:0)

所以,如果有人会有类似的未解决的问题,那么会出现更多问题:

1)也许maiorano84的答案有帮助,因为我改变了我的路线,他说(我无法证明)。

2)我在页脚中添加了所有代码:我先调用jquery .js文件,然后调用preloader .js文件,然后调用代码。

3)然后,它开始工作,但从未完成预加载,我有一个“ TypeError:jQuery.easing [jQuery.easing.def]不是函数”错误。据我从一些论坛了解(之前已经有过类似的问题),WordPress已经出现了jquery文件并导致与其他插件的jquery冲突,我只是删除了/ wp-includes / js / jquery /文件夹并且我使用了我自己的jquery文件...... 备注:如果您不想删除该文件夹,您仍然可以尝试将l'出现“$”或“jQuery”更改为“jq”(不使用WP默认jquery使用的相同内容)。