如何在 WordPress get_header() 之后将 AJAX 添加到页面

Question

我有一个不属于 WordPress 的页面，除了我从 WordPress 库调用 get_header() 和 get_footer() 以便将其包装在与其他页面相同的主题中。

但是，在调用 get_header() 之后，如果我尝试调用任何类型的 AJAX，它就会被忽略。这些块是否只需要在标题标签中添加，还是与 WordPress 有其他冲突？代码如下：

<?php
require_once( $_SERVER['DOCUMENT_ROOT'].DIRECTORY_SEPARATOR."wp-config.php" );
global $current_user;
get_currentuesrinfo();
get_header();
global $wpdb;
?>

<script type="text/javascript">
<!--
$(function () {
    $('#AdminForm').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: 'ajax/save.php',
            data: $('#AdminForm').serialize();
            success: function () {
                alert('form was saved');
                }
            });
        });
    });
//-->
</script>

<form name="AdminForm" id="AdminForm">
<input type="submit" type="submit" value="Save" />
</form>

<?php
get_footer();
?>

在 Chrome 开发者工具中发现如下错误：

未捕获的类型错误：$ 不是函数

是否有一种不会与 WordPress 冲突的正确方法？

谢谢！

Answer 1

这是由于 Wordpress 在 no-conflict mode 中使用了 jQuery。尝试这样设置：

<script type="text/javascript">
jQuery(function($) {
    $('#AdminForm').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: 'ajax/save.php',
            data: $('#AdminForm').serialize();
            success: function() {
                alert('form was saved');
            }
        });
    });
});
</script>

现在您可以将标准$ 用于文档就绪功能中的所有功能。