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

我的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>

jQuery（函数（）{
jQuery（“按钮.切换菜单”）。单击（函数（e）{
jQuery（'button.toggle menu'）。而不是（this）.css（'background-image'，'url（/images/resp-x.png'））.removeClass（'toggle-menu'）；
如果（！$（此）.is（'.close btn'））{
jQuery（this）.css（'background-image'，'url（/images/resp-x.png'））.addClass（'close-btn'）；
}否则{
jQuery（this）.css（'background-image'，'url（/images/resp-nav.png'））.removeClass（'close-btn'）；
}
});
});
jQuery（窗口）.resize（函数（）{
//传统浏览器的窗口宽度。
windowWidth=document.documentElement.clientWidth | | document.body.clientWidth；
如果（窗口宽度>1025）{
jQuery（'button.toggle menu'）.not（this）.css（'background-image'，'url（/images/resp-nav.png'））.removeClass（'close-btn'）；；
}
});

解决方法如下：

Breon，您还必须使用，其中设置了一个javascript变量，该变量包含您需要从php获得的值。

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