编写这个jquery attr代码的正确方法是什么？ （WordPress的）

Question

我在主题的函数文件中有这个：

$(document).ready(function() {
    $(".ajax-loader").attr("src","<?php bloginfo('template_url'); ?>/images/ajax-loader.gif");
});

然而，当它打印时，src打印为<?php bloginfo('template_url'); ?>/images/ajax-loader.gif，即显示php代码而不是显示我的模板url。编写此代码的正确方法是什么？

Answer 1

这是.js文件吗？如果是这样，您不能在其中放置WordPress模板标记，因为PHP不处理.js文件。

您可以使用header.php标记在<script>内嵌入代码：

<script type="text/javascript">
$(document).ready(function() {
    $(".ajax-loader").attr("src","<?php bloginfo('template_url'); ?>/images/ajax-loader.gif");
});
</script>

或者将JavaScript文件的扩展名从.js更改为.php，并在最顶部添加此行：

<?php header('Content-Type: text/javascript'); ?>

告诉服务器将其视为JavaScript文件，尽管它将由PHP处理。

无论如何，您正确使用.attr()。