Firefox ReferenceError:未定义jQuery

时间:2014-02-02 07:25:16

标签: javascript jquery html wordpress firefox

我正在为我的网站使用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中的表现如此?

2 个答案:

答案 0 :(得分:0)

你不应该在脑中添加脚本。请使用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' );

答案 1 :(得分:0)

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

第1步 - 在排队脚本时你有两种动作 -

A)&#39; wp_enqueue_scripts&#39; - 如果要在前端排队脚本,将使用此操作。 例子 -

            /**
             * 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)&#39; admin_enqueue_scripts&#39; - 如果您想在管理页面上排队脚本,将使用此操作。

    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