Question

我的wordpress主题中有一个脚本，可以在单击时为我的切换按钮添加背景图像。当我把代码放在我的标题中它工作正常但我想创建一个javascript文件并使用wp enqueue脚本调用该文件。

由于用于从模板文件夹中获取图像的php标记，我收到错误。我怎样才能解决这个问题？在此先感谢您的帮助。这是我的代码：

<script>
    jQuery(function() {
        jQuery('button.toggle-menu').click(function(e) {

            jQuery('button.toggle-menu').not(this).css('background-image', 'url(<?php bloginfo('template_url'); ?>/images/resp-x.png)').removeClass('toggle-menu');

            if (!$(this).is('.close-btn')) {
                jQuery(this).css('background-image', 'url(<?php bloginfo('template_url'); ?>/images/resp-x.png)').addClass('close-btn');
            } else {
                jQuery(this).css('background-image', 'url(<?php bloginfo('template_url'); ?>/images/resp-nav.png)').removeClass('close-btn');
            }


        });
    });

    jQuery(window).resize(function() {
        // Window width with legacy browsers.
        windowWidth = document.documentElement.clientWidth || document.body.clientWidth;

        if (windowWidth > 1025) {
            jQuery('button.toggle-menu').not(this).css('background-image', 'url(<?php bloginfo('template_url'); ?>/images/resp-nav.png)').removeClass('close-btn');;


        }

    });
</script>

Answer 1

使用wp_localize_script解决，suggested by cale_b：

function imgicons_config() {
    if ( !is_admin() )  
    {
        $img_path = array( 'template_url' => get_template_directory_uri() );
        wp_register_script('imgicons-config', get_template_directory_uri() . '/js/my-header-scripts.js', array()); // Custom scripts
        wp_enqueue_script('imgicons-config');
        wp_localize_script( 'imgicons-config', 'img_path', $img_path );
    }
}
add_action('wp_enqueue_scripts', 'imgicons_config');

Wordpress - 将模板文件夹图像添加到javascript

1 个答案: