将JS / jQuery文件与WordPress连接的问题导致标题消失

Question

我在将自定义Bootstrap WordPress主题添加jQuery / JavaScript文件时遇到问题。

以下是我用来构建主题的教程（请不要批评我使用3岁以上的东西。There's just a few modifications needed

以下是我要添加到functions.php文件中的文件：

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
    <script src="js/vendor/bootstrap.min.js"></script>
    <script src="js/main.js"></script>

这是我尝试过的，第一个跟随教程的jquery文件。另外两个有问题。

当我应用这些和

wp_footer();

时 标题消失，如下所示。

还有来自jQuery库在线的jQuery文件的问题。

wp_register_script( 'custom-script', get_template_directory_uri() . 'js/vendor/jquery-1.11.2.min.js', array( 'jquery' ) );
wp_register_script( 'custom-script', get_template_directory_uri() . 'js/vendor/bootstrap.min.js', array() );
wp_register_script( 'custom-script', get_template_directory_uri() . 'js/main.js', array() );</pre></code>

Sites I've looked at

Answer 1

当您使用wp_enqueue_script时，每个句柄名称（第一个属性）必须是唯一的。所以尝试下面的代码。

function my_bootstrap_scripts() {
   wp_enqueue_script('jquery');
   wp_enqueue_script('bootstrap-js', get_template_directory_uri() . '/js/vendor/bootstrap.min.js', array('jquery'), '', true);
   wp_enqueue_script('main-js', get_template_directory_uri() . '/js/main.js', array('jquery'), '', true);
}

add_action('wp_enqueue_scripts', 'my_bootstrap_scripts');