编写这个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 bloginfo('template_url'); ?>/images/ajax-loader.gif ，即显示php代码而不是显示我的模板url。 编写此代码的正确方法是什么？

Answer 1

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

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

<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() 。