Question

是否可以将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);

});

Answer 1

有一个错误，imagePath在字符串中，替换此

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

用这个

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

Answer 2

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

我没有检查此

的格式

在你的php中，你可能有隐藏的ID，如下面名为hiddendiv而没有内容，你可以使用对图像文件的引用为这个div创建一个数据属性。如果您还创建了一个类，则可以通过将图像文件引用传递给类来引用具有相同数据的类中的所有项。

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

然后在页面加载时查看“hiddendiv”元素的data-image属性。

将WordPress标记存储在JS文件中的变量中？

2 个答案: