javascript - 如何在 WordPress header 中加载自定义 jQuery?

标签 javascript php jquery css wordpress

我有一个 WordPress 网站。它有一个网站预加载器 ( Queryloader2 )。但是当我访问我的站点时,它先加载站点,然后再加载程序。但它应该首先加载加载程序。如果我将它添加到页眉部分,那么效果很好。我在这个编码下面的标题中添加:

查看网站 here (现在在页脚中添加了查询加载器)

<head>
    <?php wp_head(); ?>
    <script type="text/javascript" src="<?php bloginfo("template_directory"); ?>/js/jqueryloader2.min.js"></script>  
</head>

但是当我点击任何图片时,它会变成黑色的空白。

现在我的网站代码是:

functions.php:(只有一个函数部分)

if (is_home() || is_archive()) {
    wp_enqueue_script( 'sliphover', get_template_directory_uri() . '/js/jquery.sliphover.min.js', array ( 'jquery' ), null , true);
    wp_enqueue_script( 'queryloader2', get_template_directory_uri() . '/js/queryloader2.min.js', array ( 'jquery' ), null , true);
}elseif (is_single()) {
    wp_enqueue_style('fancy-box',  get_template_directory_uri() . '/css/jquery.fancybox.css', '');
    wp_enqueue_script( 'fancybox', get_template_directory_uri() . '/js/jquery.fancybox.js', array ( 'jquery' ), null , true);
    wp_enqueue_script( 'easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array ( 'jquery' ), null , true);

我的一个问题是:如何在 WordPress 网站的 header 中添加自定义 jQuery?而且它只针对特定页面(主页)。

提前致谢。

最佳答案

试试这个:
用真替换假。 所以js文件会在head中添加。

if (is_home() || is_archive()) {
    wp_enqueue_script( 'sliphover', get_template_directory_uri() . '/js/jquery.sliphover.min.js', array ( 'jquery' ), null , false);
    wp_enqueue_script( 'queryloader2', get_template_directory_uri() . '/js/queryloader2.min.js', array ( 'jquery' ), null , false);
}elseif (is_single()) {
    wp_enqueue_style('fancy-box',  get_template_directory_uri() . '/css/jquery.fancybox.css', '');
    wp_enqueue_script( 'fancybox', get_template_directory_uri() . '/js/jquery.fancybox.js', array ( 'jquery' ), null , false);
    wp_enqueue_script( 'easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array ( 'jquery' ), null , false);

关于javascript - 如何在 WordPress header 中加载自定义 jQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37267782/

相关文章:

php 多行 preg_match_all

javascript - 获取 jQuery 和/或 DOM 对象的 HTML 字符串

javascript - 带有重定向的 Angular 2 AuthGuard 服务?

php - Javascript onClick clear 在 php echo 中不起作用

javascript - 键作为变量导航 jsonp 对象

javascript - 使用 Jquery/PHP/Mysql 更新编辑值

javascript - 在 AngularJS 中滚动到 div 的顶部?

jquery - 如何从 Angular 调用 jquery 函数?

javascript - 无法在 angular2 中循环 json 对象

javascript - jQuery Javascript 添加变量到名称