将WordPress标签存储在JS文件中的变量中 - Store a WordPress tag in a variable in JS file?

Store a WordPress tag in a variable in JS file?

是否可以将WordPress php标签存储到JavaScript文件中的变量中？我在下面尝试了这个，但无法让它输出任何东西。

jQuery(document).ready(function($){
    // Fade in Contact background
    var imagePath = '<?php bloginfo("template_url"); ?>/img/';
    $('body.page-template-page-contact #content').css('background', 'url(imagePath + bg-contact.jpg) 50% 0% no-repeat fixed').fadeIn(2000);
});

有

错误，imagePath 在字符串内，替换这个

'url(imagePath + bg-contact.jpg) 50% 0% no-repeat fixed'

有了这个

'url('+ imagePath + 'bg-contact.jpg) 50% 0% no-repeat fixed'

我认为您应该将图像文件引用存储在数据属性中，然后将该属性传递给您的函数。

我没有检查这个的格式

在你的php东西中，你可以隐藏id，如下所示，称为hiddendiv，没有内容，然后你可以为这个div创建一个数据属性，引用你的图像文件。如果还创建了一个类，则只需将图像文件引用传递给该类，即可使用相同的数据引用该类中的所有项。

<div id="hiddendiv" data-image="<?php bloginfo('template_url '); ?>/img/"></div>

然后在页面加载时查看"hiddendiv"元素的数据图像属性。