JS不在WP工作

Question

我正在创建我的WordPress模板。 我在functions.php

中使用此代码包含了我的js文件

＆＃13;

＆＃13;

/**
 * Enqueue scripts and styles.
 */

function bs_stylesheets() {

    wp_register_style( 'bootstrap-min',  get_template_directory_uri() .'/css/bootstrap.min.css', array(), null, 'all' );
    wp_register_style( 'font-awesome',  get_template_directory_uri() .'/css/font-awesome.min.css', array(), null, 'all' );
    wp_register_style( 'owl-carousel',  get_template_directory_uri() .'/css/owl.carousel.min.css', array(), null, 'all' );
    wp_register_style( 'owl-theme',  get_template_directory_uri() .'/css/owl.theme.default.min.css', array(), null, 'all' );
    wp_register_style( 'main',  get_template_directory_uri() .'/css/main.css', array(), null, 'all' );
    wp_register_style( 'business-school-style', get_stylesheet_uri(), '', null, 'all' );
    wp_enqueue_style( 'bootstrap-min' );
    wp_enqueue_style( 'font-awesome' );
    wp_enqueue_style( 'owl-carousel' );
    wp_enqueue_style( 'owl-theme' );
    wp_enqueue_style( 'main' );
    wp_enqueue_style( 'business-school-style' );
}

function bs_scripts() {
    //Adds JQuery from Google's CDN. Code pulled from www.http://css-tricks.com/snippets/wordpress/include-jquery-in-wordpress-theme/
    if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
    function my_jquery_enqueue() {
        wp_deregister_script('jquery');
        wp_register_script('jquery', get_template_directory_uri() ."/js/jquery-2.min.js", false, null);
        wp_enqueue_script('jquery');
    }
    wp_register_script( 'bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '', true );
    wp_register_script( 'owljs', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'), '', true );
    wp_register_script( 'mainjs', get_template_directory_uri() . '/js/main.js', array('jquery'), '', true );
    wp_enqueue_script('bootstrapjs');
    wp_enqueue_script('owljs');
    wp_enqueue_script('mainjs');
	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}
}

add_action( 'wp_enqueue_scripts', 'bs_stylesheets' );
add_action( 'wp_enqueue_scripts' , 'bs_scripts' );

＆＃13;

＆＃13;

＆＃13;

之后，我可以看到，JS包含在我的页面上

但问题不是bootstrap js，也不是owl js正在运行。 我可以看到它，因为：

1. bootstrap下拉切换功能无法正常工作
2. 猫头鹰旋转木马不工作

您对如何使它们有效有任何想法吗？ 谢谢你的时间。

Answer 1

我远非WordPress的专家，但仅仅因为标签是你的html-dom的一部分，并不一定意味着它正确加载。

如果您有FiregBug，可以按F12并再次检查URL是否正确下载。

我尝试直接访问网址：http://bs/wp-content/themes/business-school/js/bootstrap.min.js?ver=4.7.2并抱怨说没有名为“bs”的域名。

在创建脚本的URL时，也许你做错了什么？

Answer 2

尝试将此添加到您的wp-config.php文件中，希望它会抛出一些错误来帮助您！

define('WP_DEBUG', true); // Debugging
define('SCRIPT_DEBUG', true); // JS/Script Debugging

Answer 3

尝试在“header.php”中添加链接。

Check this

Answer 4

我不知道它是否会有所帮助，但有时候依赖可能会在WordPress中起作用。为此：

wp_register_script( 'bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '123', true );
wp_register_script( 'owljs', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'), '456', true );
wp_register_script( 'mainjs', get_template_directory_uri() . '/js/main.js', array( 'jquery', 'bootstrapjs', 'owljs' ), '789', true );

我刚刚在你的main.js中添加了版本和依赖项。这意味着除非jquery，bootstrap和owls加载main.js不会加载。

如果问题仍然存在，则在标题中加载main.js，这可能是另一种解决方案。

谢谢