jQuery Ajax経由で送信するjquerymobileダイアログボックスにフォームがあります。
現在、私の問題は、フォームが送信されると、元のダイアログボックスの上に同じダイアログボックスが再び開かれることです。
私のURLが送信前に読み取られるように:
url/index.php#&ui-state=dialog
そして提出後:
url/index.php#&ui-state=dialog#&ui-state=dialog&ui-state=dialog
誰もこれまでにこのようなことに遭遇したことがありますか?
[追加されたコード例を編集]
$(function(){
$("#form").submit(function(e){
e.preventDefault();
var dataString = $("#form").serialize();
errorInput = $("input[name=valOne]#valOne").val();
$.ajax({
type: "GET",
url: "formHandler.php",
data: dataString,
dataType: "text",
success: function(data){
if(data.toLowerCase().indexOf("error") >= 0){
alert(data);
$(".ui-dialog").dialog("close");
$("#valOne").val(errorInput); //the reentering info so user doesn't have to
}else{
$(".ui-dialog").dialog("close");
location.href="index.php";
}
},
error:function (xhr, ajaxOptions, thrownError){
alert(thrownError);
}
});
});
});