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 屬性。