Wordpress 子主题模板不适用于外部 jquery/javascript 函数答案

【问题标题】：Wordpress child theme template not working with external jquery/javascript functionsWordpress 子主题模板不适用于外部 jquery/javascript 函数
【发布时间】：2016-08-17 19:58:10
【问题描述】：

我在我的 wordpress 子主题中创建了一个模板，并包含一个指向 Bootstrap v3.0.3 .js 文件的链接，该文件也托管在我的网站上。

弹出模式工作正常，但 jquery 选项卡却不行。

它们会显示（使用 bootstrap.css），但是在浏览标签时它们不会改变

我已将页面上的完整代码粘贴到此处：http://pastebin.com/JdikDe0W

【问题讨论】：

标签： javascript jquery css wordpress

【解决方案1】：

您可以尝试加载这样的文件吗？

function theme_enqueue_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array($parent_style));
}
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');

function wpdocs_theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/vanja-script.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );

将它们放在你的functions.php 中的外观部分。截图如下：http://screencast.com/t/Krzc1wf7Y 然后将文件放入相应的文件夹中。

【讨论】：

如何添加多个文件？
function wpdocs_theme_name_scripts() { wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/vanja-script.js', array(), '1.0.0', true ); wp_enqueue_style('child-style2', get_stylesheet_directory_uri() . '/style2.css'); }
我将如何包含我的所有 5 个文件。 3 .js 和 2.css ?
函数 wpdocs_theme_name_scripts() { wp_enqueue_style( 'style-name', get_stylesheet_uri() ); wp_enqueue_script（'脚本名称'，get_template_directory_uri（）。'/js/script1.js'）； wp_enqueue_script('script-name1', get_template_directory_uri() . '/js/script2.js'); wp_enqueue_style('child-style1', get_stylesheet_directory_uri() . '/style1.css' ); wp_enqueue_style('child-style2', get_stylesheet_directory_uri() . '/style2.css'); wp_enqueue_style('child-style3', get_stylesheet_directory_uri() . '/style3.css'); }