javascript - js文件中的WordPress图片路径

Question

我正在创建 WP 主题，我正在使用光滑的 slider ，并且对于 main.js 文件中的 nextArrow、prevArrow，无法获取图像 url 路径。

 prevArrow: '<img class="a-left control-c prev slick-prev" src="img/left-arrow.png">',
 nextArrow: '<img class="a-left control-c prev slick-prev" src="img/right-arrow.png">',

我还在 js 中创建了一个 var

var templateUrl = '<?= get_bloginfo("template_url"); ?>';

然后，我以这种形式调用这个变量:

prevArrow: '<img class="a-left control-c prev slick-prev" src="' + templateUrl + '/img/left-arrow.png">',

但没有成功

Answer 1

在调用 wp_head() 之前，您可以通过在模板 header 中设置 JS 变量来避免对完整路径进行硬编码，并保存模板 URL。喜欢:

<script type="text/javascript">
var templateUrl = '<?= get_bloginfo("template_url"); ?>';
</script>

并使用该变量来设置背景(我知道你知道如何做到这一点，我只包含这些详细信息，以防对其他人有帮助):

Reset.style.background = " url('"+templateUrl+"/images/searchfield_clear.png') ";