私は現在、写真をアップロードできる管理領域に機能を持つ独自の 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
フォームをコピーし、 and を介してjquery.validate.min.js を追加しましたwp_enqueue_script
。WordPress はすでに独自のスクリプトをロードしていたため、スクリプトの jQuery は省略しました。また、WordPress の jQuery を登録解除してから再度登録して、スクリプトの jQuery に置き換えると、どちらも機能しません。
私は何を間違っていますか?