WordPress 和 jQuery - 导入<?php bloginfo('url'); ?>到脚本文件

Question

我正在使用 Wordpress，我想使用<?php bloginfo('url'); ?> <?php bloginfo('url'); ?>在 jQuery 脚本文件中作为变量。 那可能吗？ 如何？

在我的 script.js 文件中，我使用了一个函数：

$("#board").load("http://www.mysite.com/ajax/",{slug:post_slug});

并且“http://www.mysite.com”部分将会改变（我正在构建一个主题）。

非常感谢您的时间和帮助。

Answer 1

您所要求的并不容易实现，而是在您的<head>元素中设置一个 JavaScript 变量：

<script type="text/javascript">
   var site_url = '<?php bloginfo('url'); ?>';
</script>

然后你可以在任何 JS 文件中使用site_url变量：

alert(site_url);

2020 年 8 月更新

您应该查看 WordPress 的wp_localize_script函数，这允许您指定要提供给排队脚本的其他数据。

这是mikeschinkel 在 Github 上的一个很好的例子。

Answer 2

var bloginfo_url = "<?php bloginfo('url'); ?>";
$("#board").load(bloginfo_url + "/ajax/", {slug:post_slug});

但是为什么不能使用相对 URL 呢？

$("#board").load("/ajax/", {slug:post_slug});

Answer 3

我建议使用admin_url('admin-ajax.php')而不是使用http://my-site.com/ajax ，它是在 WP 中处理 ajax 调用的标准入口点。 此外，还有wp_localize_script函数可以帮助您声明 JS 变量。

Answer 4

我想你必须通过 PHP 运行你的 Javascript 文件并使用而不是“http://www.mysite.com/ajax/”。

您也可以尝试使用 window.location 这是一个 Javascript 属性。