2017-10-06 76 views
-1

我确实尝试将我的脚本放在functions.php中,但它并不仅仅显示字体真棒和all-script.js,而是另一个脚本不工作。我想添加5个脚本。我怎么做。我想我在这里犯了一些错误。我不是编码员,所以我希望你能理解家伙。谢谢如何在wordpress子主题的functions.php中添加多个脚本?

//enqueues our locally supplied font awesome stylesheet 
function enqueue_our_required_stylesheets(){ 
    wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/assets/css/font-awesome.min.css'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/assets/js/all-script.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-1.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-2.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-3.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-4.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-5.js'); 
} 
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');

回答

0

try代码的这一行:

function enqueue_our_required_stylesheets(){ 
    wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/assets/css/font-awesome.min.css'); 
    wp_enqueue_script('script-all', get_stylesheet_directory_uri() . '/assets/js/all-script.js'); 
    wp_dequeue_script('jquery'); 
    wp_enqueue_script('script-jquery', get_stylesheet_directory_uri() . '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js'); 
    wp_enqueue_script('script-1', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-1.js'); 
    wp_enqueue_script('script-2', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-2.js'); 
    wp_enqueue_script('script-3', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-3.js'); 
    wp_enqueue_script('script-4', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-4.js'); 
    wp_enqueue_script('script-5', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-5.js'); 
} 
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets'); 
0

你需要使用它们之前注册脚本和样式,你应该使用不同的手柄,每个脚本和样式.correct格式

function enqueue_our_required_stylesheets(){ 
     wp_register_style('font-awesome', get_template_directory_uri() . '/assets/css/font-awesome.min.css'); 
     wp_enqueue_style('font-awesome'); 
     wp_register_script('script', get_template_directory_uri(). '/assets/js/all-script.js'); 
     wp_enqueue_script('script'); 

    } 

注意:你不需要注册jQuery的,因为它是由wordpress自己注册的,你可以直接入队他们,而无需注册。你可以通过编码中的wp注册脚本在https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts

1

你需要为每个脚本使用唯一的标识符(wp_enqueue_script的第一个参数)。由于您在每种情况下都使用script,因此WordPress会忽略除第一个之外的所有内容,并认为它已经加载,因此加载它两次并不明智。

给他们一些有意义的名字,你就可以使用需求(第三个参数)告诉wordpress你正在加载的这个脚本需要jQuery和OtherScriptOne。如果这些已注册(请参阅Muhammed Hafil的回答),它们将自动加载并插入到您添加的脚本之前。

相关问题