1

jQuery dialog_modal confirmを使用するのはこれが初めてです。ajax関数内のデータを削除する前にこれを使いたいです。このスクリプトを正しく配置する方法がまだわかりません。

このダイアログを使用する前に、次のようなスクリプトがあります。

 $('#delete').click(function() {
          var params = $('#deletedata').serialize();
          $.ajax({
                   async  : false,
                   cache  : false,
                   data   : params,
                   success: function(res) {
                     //        oTable.fnReloadAjax();
                               $('#recline1').replaceWith("<div id='recline1'></div>");
                               $('#recmodel1').replaceWith("<div id='recmodel1'></div>");
                               $('#tabs').hide();
                               return this;
                               },
                   type   : "POST",
                   url    : "process1.php",
                   });
             return false;
        });

deleteクリックすると、このダイアログが表示され、選択delete at dialogすると削除プロセスが実行されますが、no開いているすべてのタブを選択すると、このダイアログは非表示になります。


編集

私はこのように試しましたが、確認ダイアログが表示されます:

$('#delete').click(function() {
              $('#dialog-confirm').dialog('open');
              var params = $('#deletedata').serialize();
              ....

モーダル確認内でボタンIDを取得し、ajax関数と組み合わせる方法についてまだ混乱していますか?

4

2 に答える 2

2

ダイアログの初期化時に ajax 関数をボタン ハンドラーに入れることができます。次に、上記のように開きます。

$('#dialog-confirm').dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        'Delete': function () {
            // Perform the delete
            $.ajax({
                url: "process1.php",
                success: function () {
                    ...
                }
            });
        },
        Cancel: function () {
            $(this).dialog('close');
        }
    }
});
于 2010-10-27T08:14:57.917 に答える
0

ダイアログ確認 div 内に「OK」と「キャンセル」の 2 つのボタンを配置します。

[OK] ボタンをクリックしたら、ajax コードを呼び出し (別の関数にリファクタリング)、ダイアログを閉じます。

[キャンセル] ボタンをクリックすると、ダイアログが閉じます。

于 2010-10-27T08:08:55.930 に答える