WordPress:提交表单而不刷新

时间:2012-10-31 10:50:00

标签: jquery ajax forms wordpress

我目前正在开发一个自己的WordPress模板,该模板在管理区域中具有可以上传图片的功能。上传,移动到文件夹并在管理区域显示工作正常,但是,我无法删除它们。

在图片下方,我想要一个输入按钮。单击它时,它应该执行PHP脚本(删除存储图片URL的自定义字段)并删除上面的图片。

问题:我希望这一切都是动态发生的,这意味着不刷新页面。我发现这个脚本完全是这样的:

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#myform").validate({
            submitHandler: function(form) {
                $.post('process.php', $("#myform").serialize(), function(data) {
                    $('#results').html(data);
                });
            }
        });
    });
    </script>
</head>
<body>

<form name="myform" id="myform" action="" method="POST">
    <input type="submit" class="button" value="Delete" />
</form>

<div id="results"></div>
</body>

当我单击“删除”按钮时,将执行process.php - 在这种情况下,只是一个简单的回显,它将显示在“results”div容器中。

我不能让这个脚本在WordPress中运行。我复制了表单并通过wp_register_scriptwp_enqueue_script添加了jquery.validate.min.js。我省略了脚本的jQuery,因为WordPress已经加载了它自己的。当我通过取消注册并再次注册它来替换WordPress的jQuery与脚本中的那个时,它也不起作用。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

我知道这个问题很老,但万一其他人偶然发现它......

我不知道是否还有其他问题,但首先问题是Wordpress默认不识别$符号。将所有“$(”替换为“jQuery”以使其在WP中运行。