WP本地化脚本不起作用

时间：2017-04-15 作者：user117128

在这里，我按照这里的解决方案本地化脚本：Problem in wp_localize_script

但它不起作用。

以下是我的代码：

function theme_enqueue_scripts()
{
    wp_enqueue_script( array("jquery") );

    wp_enqueue_script(\'thebootstrap\', get_template_directory_uri() . \'/bootstrap/js/bootstrap.min.js\',         

    wp_localize_script(\'reservation-scripts\', \'admin_ajax\', array(
        \'ajaxurl\' => esc_url(admin_url(\'admin-ajax.php\'))
    ));
    wp_enqueue_script( \'reservation-scripts\' );
    /*
    * Scripts for IE9
    */
    wp_enqueue_script(\'thehtml5shiv\', \'//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js\');
    wp_script_add_data(\'thehtml5shiv\', \'conditional\', \'lt IE 9\');
    wp_enqueue_script(\'therespond\', \'//oss.maxcdn.com/respond/1.4.2/respond.min.js\');
    wp_script_add_data(\'therespond\', \'conditional\', \'lt IE 9\');
}
add_action(\'wp_enqueue_scripts\', \'theme_enqueue_scripts\');

1 个回复
最合适的回答,由SO网友:Paul \'Sparrow Hawk\' Biron 整理而成

有几件事不对。。。其中最相关的是您要使用的本地化脚本wp_localize_script() 必须注册before 你打电话wp_localize_script().

第二，你的电话wp_enqueue_script( \'reservation-scripts\' ) 不提供脚本的源（即URL）。

最后，将jQuery排入队列的方式是不正确的。

因此，如果您将代码更改为以下内容，就可以了：

function theme_enqueue_scripts()
{
    wp_enqueue_script(\'thebootstrap\',
       get_template_directory_uri() . \'/bootstrap/js/bootstrap.min.js\', array(\'jquery\') ) ;

    // be sure to substitute the actual URL for
    // your script in URL_FOR_YOUR_SCRIPT
    wp_register_script( \'reservation-scripts\', URL_FOR_YOUR_SCRIPT );
    wp_localize_script(\'reservation-scripts\', \'admin_ajax\', array(
        \'ajaxurl\' => esc_url(admin_url(\'admin-ajax.php\'))
    ));
    wp_enqueue_script( \'reservation-scripts\' );
    /*
     * Scripts for IE9
     */
    wp_enqueue_script(\'thehtml5shiv\', \'//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js\');
    wp_script_add_data(\'thehtml5shiv\', \'conditional\', \'lt IE 9\');
    wp_enqueue_script(\'therespond\', \'//oss.maxcdn.com/respond/1.4.2/respond.min.js\');
    wp_script_add_data(\'therespond\', \'conditional\', \'lt IE 9\');
}
add_action(\'wp_enqueue_scripts\', \'theme_enqueue_scripts\');

标签： wp-enqueue-script   小码农  

相关推荐