0

ajaxForm が「アイテムの削除」ボタンに含まれている場合は常に、jQuery ダイアログのモーダル確認で実行されないのはなぜですか。

これが私のjqueryダイアログです：

  <div id="deleteDialogForPartylist" title="Delete this item?">
      <form id="deleteDialogForPartylistForm" action="mEdit/editPartylist/storeDataToDb/deleteData.php">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span><span id="acronymOfTheParty" style="font-weight:bolder"></span> will be permanently deleted and cannot be recovered. Are you sure?</p>
        <input type="hidden" id="deleteDialogForPartylistHiddenId" name="deleteDialogForPartylistHiddenId">
      </form>
  </div>

これが私のスクリプトです

$(function(){
$( "#deleteDialogForPartylist" ).dialog({
  autoOpen: false,
  resizable: false,
  height:225,
  hide: 'fade',
  modal: true,
  buttons: {
    Cancel: function() {
      $("#deleteDialogForPartylist").dialog('close');
    },
    "Delete item": function() {
      $('#deleteDialogForPartylistForm').ajaxForm({
            target: '#partyListInAddCandidate',
            type: "post",
            success: function(){
                alert("Success");
                $("#deleteDialogForPartylist").dialog('close');
            }
        });
    }
  }
});
});
4

1 に答える 1

0

.ajaxForm()プラグインのドキュメントに記載されているようにフォームを送信しません( http://malsup.com/jquery/form/#api )

あなたの場合.ajaxSubmit()、代わりに使用する必要があります。これにより、charlietfl のコメントで既に提案されているように、ボタンをクリックするとフォームが即座に送信されます。

于 2014-03-12T10:54:26.693 に答える