Firefox ReferenceError：未定义 jQuery

Question

我在我的网站上使用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 中的行为如此吗？

Answer 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' );

Answer 2

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

第 1 步 - 将脚本放入队列时，您有两种操作 -

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- 使用特定操作后，您的脚本将入队。

要了解更多信息，请查看以下链接 -http://codex.wordpress.org/Function_Reference/wp_enqueue_script https://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts