2014-02-27 24 views
0

我有一個JavaScript文件和地方在代碼中我有這樣一行:如何我指的是根WordPress的目錄內的JavaScript文件

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

我知道這是不是在硬編碼的最佳實踐這樣的目錄,但我不知道該怎麼做,因爲: a)據我所知,PHP不能在JS文件中工作。 b)將它留作「img/divider-glyph.png」(我已經嘗試過並且沒有領先的'/')不起作用要麼

回答

0

我不太喜歡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的負載,所以更新的屬性或jQuery的加載之後將其添加data-*屬性將需要使用.attr("data-*")

+0

感謝您的答覆,不幸的是,這並沒有讓我一直到THEME的根目錄。我需要在網址中捕獲「wp-content/themes/blackandwhite」部分。 –

+0

@NickJankowski該過程將起作用,只需找到輸出確切信息的PHP函數即可。它很可能存在。 – Jasper

+0

謝謝,@Jasper! –

相關問題