使用 jQuery 的 Wordpress 资产路径

Question

您好，我正在尝试用 jquery 中的加载图像替换添加到购物车按钮，但我似乎无法使用 jquery 找到写入路径。

这是我在咖啡中的代码：

$('.add_to_cart_button').click ->
    templateDir = "<?php bloginfo('template_directory') ?>"
    ajaxImage = document.createElement("img")
    ajaxImage.setAttribute("src", templateDir + "/static/img/ajax-loader.gif")
    $(@).replaceWith(ajaxImage)

这在 DOM 中输出：

 <img src="<?php bloginfo('template_directory') ?>/static/img/ajax-loader.gif">

有人知道如何放入正确的路径吗？

Answer 1

您正在 javascript 文档中编写 php 代码。

id 建议在您的 header.php 中输入此代码

<script>var templateDir = '<?php echo get_bloginfo('template_directory');?>';</script>

使用 jQuery 的 Wordpress 资产路径

path to assets in Wordpress using jQuery

wordpress

jquery

coffeescript