我如何在Javascript文件中引用Wordpress根目錄

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-*") 。