Question

我有一个javascript文件，在代码中的某处我有这一行：

$(".section-divider.ornament").append('<img src="wp-content/themes/blackandwhite/img/divider-glyph.png" alt="" />');

我知道在这样的目录中硬编码不是最佳做法，但我不知道如何做到这一点： a）据我所知，PHP在JS文件中不起作用。 b）将其保留为“img / divider-glyph.png”（我曾尝试使用和不使用前导'/'）也不起作用

Answer 1

我真的不喜欢Wordpress所以我保持距离，但我相信你可以使用这个功能来获取Wordpress基本安装目录：

<?php
get_bloginfo('wpurl');
?>

您可以使用它将此信息添加到DOM，例如<body>标记：

<body data-base-dir="<?php echo get_bloginfo('wpurl'); ?>">

然后你的JS可以阅读这些信息：

var baseDir = $("body").data("data-base-dir");

注意，jQuery的.data()方法只会缓存jQuery加载时存在的data-*属性，因此在jQuery加载后更新属性或添加属性需要使用.attr("data-*")。