Firefox ReferenceError：未定义 jQuery答案

【问题标题】：Firefox ReferenceError: jQuery is not definedFirefox ReferenceError：未定义 jQuery
【发布时间】：2014-02-25 19:17:20
【问题描述】：

我在我的网站上使用wordpress，它在所有浏览器上的运行文件都需要FireFox。

在firefox 我的网站加载一半没有样式和js 文件，只是在控制台中有这些错误的html 版本。

ReferenceError: jQuery is not defined www.domain.com:591

ReferenceError: jQuery is not defined www.domain.com:853

ReferenceError: jQuery is not defined www.domain.com:1262

ReferenceError: jQuery is not defined www.domain.com:1443

ReferenceError: jQuery is not defined www.domain.com:1665

ReferenceError: $ is not defined www.domain.com:1786

ReferenceError: $ is not defined www.domain.com:1795

ReferenceError: $ is not defined

但我在脑海中包含了jQuery：

<script src="/jquery-1.10.1.min.js"></script>
<script src="/jquery-ui-1.10.3.custom.js"></script>

但它仍然无法在 Firefox 中运行。

知道为什么它在 Firefox 中会这样吗？

【问题讨论】：

您的代码是否在 jquery 脚本加载之前执行？除非我们能看到产生错误的代码，否则我们无能为力。
它们都是在页面加载后加载的：$(document).ready(function(){
它们是在加载 jQuery 之前声明的吗？ IE 是 html doc 中 jquery 之前的 script 标签？

标签： javascript jquery html wordpress firefox

【解决方案1】：

您不应该将脚本添加到您的脑海中。改用 wp_enqueue_script http://codex.wordpress.org/Function_Reference/wp_enqueue_script

在下面的示例中，我加载了 jQuery 和 jQuery UI 核心。加载 jQuery UI 核心无论如何都会加载 jQuery，但最好先指定它。

还有更多 jQuery UI 组件，因此请从此处选择您需要的组件： http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress

function wpse_load_js() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui-core' );
}
add_action( 'wp_enqueue_scripts', 'wpse_load_js' );

【讨论】：

【解决方案2】：

您需要按照不同的方式在 WordPress 中将 JS 加入队列

第 1 步 - 在排队脚本时，您有 2 种操作 -

a)'wp_enqueue_scripts' - 如果您想在前端将脚本排入队列，将使用此操作。示例-

            /**
             * Proper way to enqueue scripts and styles
             */
            function theme_name_scripts() {
                wp_enqueue_style( 'style-name', get_stylesheet_uri() );
                wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
            }

            add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

b) 'admin_enqueue_scripts' - 如果您想在管理页面上排队脚本，将使用此操作。

    function load_custom_wp_admin_style() {
            wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
            wp_enqueue_style( 'custom_wp_admin_css' );
    }
    add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

第 2 步 - 使用特定操作后，您的脚本将进入队列。

【讨论】：