Question

我正在创建WP主题，我使用光滑的滑块，而对于nextArrow，main.js文件中的prevArrow，无法获取图片网址路径。

 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

在调用for之前，通过在模板的标题中设置JS变量来保存模板URL，可以避免硬编码完整路径。像：

wp_head()

并使用该变量来设置背景（我意识到你知道如何做到这一点，我只包括这些细节以防其他人）：

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

Answer 2

在你的模板中使用这样的东西：

var templateUrl = '<?= get_template_directory_uri(); ?>';

将为您提供主题目录的完整网址，然后添加您的子目录＆＃34; / img /.."

Word文件在js文件中的图像路径

2 个答案: