将脚本和样式表放入队列不起作用

时间:2015-08-19 作者:loltospoon

我正在尝试将子主题样式表和子主题脚本排队。我需要将脚本排队,因为我将CDN链接放在那里用于引导。我知道我的排队无法正常工作,因为我已经使用Pingendo, 它使用引导。所以,因为我的网站是一个空白的,乏味的混乱,我知道它不工作。我已经从抄本中复制了代码,并尝试使用它,但我仍然不明白为什么它不能正常工作。下面我展示了我的排队代码,以及我的目录在CPanel中的外观。

Update - 子主题的我的JS文件是否有问题?

custom-js.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>



function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
   $(\'#blah\').attr(\'src\', e.target.result);
}

reader.readAsDataURL(input.files[0]);
}
}
$("#upload").change(function() {
readURL(this);
});

Enqueue code

<?php ob_start(); ?>
<?php

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_stylesheet_directory_uri() . \'/style.css\' );
    wp_enqueue_script( \'script-name\', get_template_directory_uri() . \'/js/custom-js.js\', array(), \'1.0.0\', true);
}

?>

2nd enqueue code attempted

<?php

function load_css_js() {
    wp_enqueue_style( \'child-css\', get_template_directory_uri() . \'/style.css\', false, NULL, \'all\' );

    wp_register_script( \'child-js\', get_template_directory_uri() . \'/js/custom-js.js\', array( \'jquery\' ), NULL, false );
    wp_enqueue_script( \'child-js\' );
}

add_action( \'wp_enqueue_scripts\', \'load_css_js\' );

?>

Directory

BlankSlate
BlankSlate-Child --> style.css
                     js (folder) --> custom-js.js 

1 个回复
SO网友:MauricioRobayo

在亲子主题方面,请注意:

这个get_template_directory_uri() 会给你parent theme directory uri:https://codex.wordpress.org/Function_Reference/get_template_directory_uri.

这个get_stylesheet_directory_uri() 会给你child theme directory uri:https://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri

您正在使用get\\u stylesheet\\u directory\\u uri()将父样式排入队列,这将为您提供子主题目录uri。

您正在使用get\\u template\\u directory\\u uri将子css和子js排队,这将为您提供父主题目录uri。

因此,在将父脚本和样式排入队列时,可能需要使用get\\u template\\u directory\\u uri(),在将子主题脚本和样式排入队列时,可能需要使用get\\u stylesheet\\u directory\\u uri()。

如果要从另一个源(例如引导)排队,只需使用url:

wp_enqueue_style( \'your-prefix-bootstrap\', \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css\' );
wp_enqueue_script( \'your-prefix-bootstrap\', \'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js\' );

结束

相关推荐

将javascript添加到unctions.php会导致模板出现问题

我想要一个“阅读”链接,点击后可以移动到页面的另一部分。I understand the HTML bit 和I have even used some nice scrolling.它起作用了。但当实施时,我的部分主题就被打破了。滑块图像消失,H1文本全部聚集到左侧。下面是我添加到子函数的内容。php,以便将javascript注入头部区域。/** * Smooth scroll */ add_action(\'wp_head\', \'wpse_43672_wp