JS 在 WP 中不起作用答案

【问题标题】：JS is not working in WPJS 在 WP 中不起作用
【发布时间】：2017-02-15 10:29:28
【问题描述】：

我正在创建我的 WordPress 模板。我已经在functions.php中使用此代码包含了我的js文件

/**
 * 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' );

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

但问题不是 bootstrap js 也不是 owl js 工作。我可以看到它，因为：

引导下拉切换不起作用
猫头鹰旋转木马不工作

您有什么想法可以让它们发挥作用吗？感谢您的宝贵时间。

【问题讨论】：

调试 101：检查浏览器控制台和网络选项卡是否有错误
@JaromandaX 你无处不在。 :-p
调试 101: => 第 2 步 => 清除浏览器缓存并重试（或）在 chrome 中以“隐身模式”打开页面并检查：-P
你真的能在浏览器中访问js文件吗？如果您没有收到 404，您确定它可以准确地检索文件吗？您的 htaccess 设置是否正确？否则可能是您的 html 或 js 设置不正确，无法实现轮播和切换功能
仍然没有任何效果

标签： javascript jquery wordpress twitter-bootstrap

【解决方案1】：

我不知道它是否会有所帮助，但有时依赖可能在 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，这可能是另一种解决方案。

谢谢

【讨论】：

【解决方案2】：

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

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

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

也许您在为脚本创建 URL 时做错了什么？

【讨论】：

当然http://bs 不是域！它可能是本地安装。听说过虚拟主机吗？
这个网站在本地运行，我的电脑上有这个 bs/ 域。这是我尝试访问此网址的内容：prntscr.com/e8zngm
再次，如果您安装了 FireBug（它是 FireFox 的附加组件），您实际上可以调试您的 javascript（放置断点并在单击什么等时查看正在运行的内容）。不过，如果你找到一个非最低版本的 javascript，那会更容易。

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

Check this

【讨论】：