javascript - xampp 上 wordpress 中 js/jQuery 的一些问题

Question

我正在使用引导程序来结束某个站点。我需要为 wordpress 准备它。我做到了 60%，但我不能做一件事。我的 jquery/js 函数不起作用。诸如：弹出窗口、平滑滚动等等。有人能帮我吗？

add_theme_support('post-thumbnails');

function b2w_theme_styles(){

    wp_enqueue_style('boostrap_css', get_template_directory_uri() . '/css/bootstrap.min.css');
    wp_enqueue_style('xtyle_css', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('simple_line_icons',get_template_directory_uri() . '/vendor/simple-line-icons/css/simple-line-icons.css');
    wp_enqueue_style('popup_css',get_template_directory_uri() . '/vendor/magnific-popup/magnific-popup.css');
}

add_action('wp_enqueue_scripts', 'b2w_theme_styles');

function b2w_theme_js(){
    wp_enqueuue_script( 'bootstrap.js',get_template_directory_uri() .'/wp-content/themes/Atut/js/creative.min.js', array('jquery'), null,true);
    wp_enqueuue_script( 'bootstrap_bundle.js',get_template_directory_uri() .'/wp-content/themes/Atut/js/bootstrap.bundle.min.js', array('jquery'), null,true);
    wp_enqueuue_script( 'jquery_min.js',get_template_directory_uri() .'/vendor/jquery/jquery.min.js', array('jquery'), '3.2.1',true);
    wp_enqueuue_script( 'bootstrap_bundle_min.js',get_template_directory_uri() .'/vendor/bootstrap/js/bootstrap.bundle.min.js', array('jquery'),null,true);
    wp_enqueuue_script( 'scrollreveal_min.js',get_template_directory_uri() .'/vendor/scrollreveal/scrollreveal.min.js', array('jquery'),'3.2.1',true);
    wp_enqueuue_script( 'jquery_magnific-popup_min.js',get_template_directory_uri(). '/vendor/magnific-popup/jquery.magnific-popup.min.js', array('jquery'),null,true);
    wp_enqueuue_script( 'easing_js',get_template_directory_uri() .'/vendor/jquery-easing/jquery.easing.min.js', array('jquery'), null,true);

}

add_action('wp_enqueue_scripts', 'b2w_theme_styles');

function shapeSpace_include_custom_jquery() {

	wp_deregister_script('jquery');
	wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), null, true);

}
add_action('wp_enqueue_scripts', 'shapeSpace_include_custom_jquery');

标签： javascriptjquerywordpressxamppbootstrap-4

Answer 1

您的代码有重复add_action：

add_action('wp_enqueue_scripts', 'b2w_theme_styles');

将其中之一更改add_action为：

add_action('wp_enqueue_scripts', 'b2w_theme_js');