1

ページに乗算フォーム（自動生成）があります。ユーザーにレコードの削除を確認するよう求めています。ユーザーが [いいえ] をクリックすると、モーダル ダイアログが閉じられて何も起こりませんが、[はい] ボタンをクリックしても何も起こりません。誰でも助けることができますか？

コードは次のとおりです。

 <input type="submit" value="Click me" class="button" />

 <div id="modal">
<div id="heading">
    Record will be deleted! Please Confirm.
</div>

<div id="content">
    <p>Record will be deleted! This operation can't be undone. <br />Are you sure?</p>

    <input type="button" onclick="return true;" class="button green close" value="Yes"></button>
    <input type="button" onclick="return false;" class="button red close" value="No"></button>

</div>


$('.oneUser').on('submit',function(e){
    $('#modal').reveal({ 
        animation: 'fade',                   
        animationspeed: 600,                       
        closeonbackgroundclick: true,           
        dismissmodalclass: 'close'    
    });
    return false;
});
4

1 に答える 1

1

更新され、フィドルが追加されました!

更新されたマークアップ

<form>
    <input type="submit" value="Click me" class="button" id="submitButton" />
</form>​
  • ダイアログのマークアップが削除されました。
  • フォーム マークアップが含まれています。

更新されたスクリプト

var confirmDelete = $('<div></div>')
    .html('Record will be deleted! This operation can\'t be undone. <br />Are you sure?')
    .dialog({
        autoOpen: false,
        title: 'Record will be deleted! Please Confirm.',
        buttons: {"Yes": function() { 
                      $(this).dialog("close"); 
                      $('form').submit();
                 }, "No": function() {
                      $(this).dialog("close");
                 }
        }
    });  
$('#submitButton').on('click', function(e){
    e.preventDefault();
    $(confirmDelete).dialog('open');
});
  • フォームの送信イベントではなく、ボタンのクリック イベントを使用します。
  • この男がやったようにダイアログを実装します。
  • [はい] および [いいえ] オプションでダイアログを閉じ、[はい] をクリックすると も呼び出され$('form').submit();ます。
于 2012-09-11T22:51:12.983 に答える