wp入队js脚本

时间:2017-03-02 15:12:34

标签: javascript php wordpress

我正在尝试将WordPress function.php中的脚本排入队列 我似乎无法拿起剧本。

如果包含在标题

中,

将采用此格式

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

然而,当我包含在functions.php中时,它不起作用

wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array(), '3.3.6', true);

任何人都可以理解为什么当我入队时它不会起作用?

完整代码

function theme_js()
{
    wp_enqueue_script('jquery-js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), '3.1.1', true);
    wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array(), '3.3.6', true);
    wp_enqueue_script('html5shiv-js', 'https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js', array('jquery'), '3.7.2', true);
    wp_enqueue_script('respond-js', 'https://oss.maxcdn.com/respond/1.4.2/respond.min.js', array('jquery'), '1.4.2', true);
    wp_enqueue_script('custom', get_template_directory_uri() . '/js/custom.js', array(), null, true);
}

add_action('wp_enqueue_scripts', 'theme_js');

1 个答案:

答案 0 :(得分:1)

您正在将其加载到页脚中,这可能不是您的意思。您将最终标志设置为true。

供参考

wp_enqueue_script(string $ handle,string $ src =&#39;&#39;,array $ deps = array(),string | bool | null $ ver = false,bool $ in_footer = false)

尝试(现在包括您正在排队的jQuery的注销):

完整代码

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
 function my_jquery_enqueue() {
      wp_deregister_script('jquery');
      wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js", false, null);
      wp_enqueue_script('jquery');
}

function theme_js(){
    // wp_enqueue_script('jquery-js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array('jquery'), '3.1.1', true);
    wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), '3.3.6', true);
    wp_enqueue_script('html5shiv-js', 'https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js', array('jquery'), '3.7.2', true);
    wp_enqueue_script('respond-js', 'https://oss.maxcdn.com/respond/1.4.2/respond.min.js', array('jquery'), '1.4.2', true);
    wp_enqueue_script('custom', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true);
}

add_action('wp_enqueue_scripts', 'theme_js');

另外检查:Bootstrap的JavaScript需要jQuery版本1.9.1或更高版本,但在bootstrap.min.js下版本低于版本3?ver = 3.3.6:6在bootstrap.min.js?ver = 3.3 .6:6;)