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

Question

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

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

它们将显示(使用 bootstrap.css)但是，当浏览选项卡时它们不会改变

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

Answer 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然后将文件放入适当的文件夹中。