如何将Bootstrap 4加入主题队列？

时间：2018-06-16 作者：Alt C

我尝试用php函数将bootstap排队

wp_enqueue_style(\'bootstrap4\', \'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css\');
wp_enqueue_script( \'boot1\',\'https://code.jquery.com/jquery-3.3.1.slim.min.js\');
wp_enqueue_script( \'boot2\',\'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js\');
wp_enqueue_script( \'boot2\',\'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js\');
css似乎可以工作，但js文件都无法工作。。不知道我做错了什么。。

请帮忙谢谢

2 个回复
最合适的回答,由SO网友:Akshat 整理而成

您可以使用操作挂钩并将脚本和样式排入站点队列。

function my_scripts() {
    wp_enqueue_style(\'bootstrap4\', \'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css\');
    wp_enqueue_script( \'boot1\',\'https://code.jquery.com/jquery-3.3.1.slim.min.js\', array( \'jquery\' ),\'\',true );
    wp_enqueue_script( \'boot2\',\'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js\', array( \'jquery\' ),\'\',true );
    wp_enqueue_script( \'boot3\',\'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js\', array( \'jquery\' ),\'\',true );
}
add_action( \'wp_enqueue_scripts\', \'my_scripts\' );
如果您想在jQuery之后添加脚本，那么可以将jQuery数组用于dependent，最后一个参数true将包括页脚处的JS，如果您想要页眉中的JS，可以删除它。

SO网友:Bjorn

尝试以下操作：

function abc_load_my_scripts() {
  wp_enqueue_script( \'boot1\',\'https://code.jquery.com/jquery-3.3.1.slim.min.js\', array(\'jquery\'));
  wp_enqueue_script( \'boot2\',\'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js\', array(\'jquery\'));
  wp_enqueue_script( \'boot3\',\'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js\', array(\'jquery\'));
}
add_action( \'wp_enqueue_scripts\', \'abc_load_my_scripts\', 999);
最后一个参数array(\'jquery\') 您告诉WP在jQuery之后包含脚本。请注意，每个脚本必须使用不同的句柄（第一个参数）。

更多信息here.

当您检查<head>, 您确定没有加载脚本吗？

你好，比约恩

结束
标签： wp-enqueue-script   twitter-bootstrap   小码农  

相关推荐

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环？

我想根据4列（桌面视图）、2列（mobile view 768px）和1列（mobile view 425px）的组合显示帖子。我在下面找到了很棒的代码：<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',