我目前正在开发自己的 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 - 在这种情况下,只是一个简单的回显,它显示在“结果” div 容器中。
我不能让这个脚本在 WordPress 中工作。wp_register_script
我复制了表单并通过和添加了 jquery.validate.min.js wp_enqueue_script
。我省略了脚本的 jQuery,因为 WordPress 已经加载了它自己的。当我通过取消注册并再次注册来将 WordPress 的 jQuery 替换为脚本中的 jQuery 时,它也不起作用。
我究竟做错了什么?