Question

我有这些javascript文件 - ＆gt;

 bootstrap.min.js;
                            jquery-1.10.1.min.js
                            modernizr-2.6.2-respond-1.1.0.min.js

function wpt_register_js() {
 wp_register_script( 'jquery.bootstrap.min', 
get_template_directory_uri() . '/js/bootstrap.min.js',
 'jquery' ); 
wp_enqueue_script('jquery.bootstrap.min');
 }

现在添加其他脚本我需要为每个脚本创建一个新函数，还是可以为所有脚本使用相同的函数

Answer 1

你可以在你的functions.php

中尝试这样的事情

add_action( 'wp_enqueue_scripts', 'add_in_queue_and_register_custom_scripts' );

  function add_in_queue_and_register_custom_scripts(){
     wp_register_script( 'my-script', get_stylesheet_directory_uri() . '/js/custom-script.js' );
     wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom-script.js', array( 'jquery', 'my-script' ) );
  }

Answer 2

引导程序文件可以放在页脚中。 Modernizr必须进入标题。

要包含这些JS文件，请执行以下操作：

function wpse_enqueue_scripts() {
    wp_enqueue_script( 'modernizr', get_template_directory_uri() . '/js/modernizr-2.6.2-respond-1.1.0.min.js', array(), '2.6.2' );
    wp_enqueue_script( 'jquery-bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array( 'jquery' ), false, true );
}
add_action( 'wp_enqueue_scripts', 'wpse_enqueue_scripts' );

您不需要将jQuery排入队列。通过将其定义为第二个脚本的依赖项，它将自动加载。

使用functions.php文件包含wordpress主题中的javascript文件

2 个答案: