Twitter-Bootstrap-3在Wordpress Jquery上没有加载

Question

我正在尝试将我在Bootstrap 3上创建的自定义主题连接起来，并安装到最新版本的WordPress -working fine上，但是它不能连接到Jquery库或JS文件存在一个问题。

我通常能够做到这一点：

<script src = "<?php echo get_template_directory_uri(); ?>/js/bootstrap.js"></script>

但这完全是我的失败。

因此，我将WordPress放在Dir的根目录上，我的文件就像预期的那样放在主题文件夹中。现在缺乏想法:/

附带注意:我已经尝试过将这些放在页眉和页脚文件中，并将JavaScript直接注入到HTML中，但是没有.

Answer 1

将jQuery和bootstrap.js都包括在functions.php中的推荐方法是一个函数。

function load_styles_and_scripts(){
    wp_enqueue_script('jquery');
    wp_enqueue_script('bootstrap-scripts', get_template_directory_uri().'/js/bootstrap.min.js');
}

然后在文件末尾调用它

add_action('wp_enqueue_scripts', 'load_styles_and_scripts');

这样，您就可以加载已经随wordpress附带的jQuery文件。由于对队列bootstrap.js的调用是在jQuery之后进行的，所以这应该是可行的。还可以在add_action-call中添加依赖项。这允许您确保以正确的顺序加载依赖项。

有关更多信息，请查看script