如何在提交後創建一個jQuery模式對話框彈出確認框？

Question

我目前正在爲公司數據庫編輯和刪除頁面。

edit.php

我試圖讓PHP檢查表單已經成功提交（它發送到自身），一旦這個檢查做那麼它會使一個jQuery模式對話框通知用戶該表格已成功編輯。

delete.php

此頁真的有必要嗎？我可以很容易地使用DreamWeaver程序進行設置，但是爲了刪除簡單記錄而必須渲染新頁面似乎很費力。

對於標記爲'delete'的每條記錄，頂部導航欄上都有一個鏈接。理想情況下，我希望在單擊此按鈕時呈現另一個jQuery模式框，以確認用戶是否真的想要刪除該記錄。

如果單擊是，則會出現另一條消息，告訴用戶該記錄已被刪除。用戶將被重定向到另一個頁面。

如果單擊「否」，則對話框將簡單關閉。

我很努力地在代碼中寫這個。我正在考慮使用Facebox插件渲染模塊框，但是我還可以從哪裏開始挖掘以查找有關如何構建Facebox基本功能的更多信息。

Answer 1

我會建議使用jQuery UI其中有一個對話框的實現。該頁面上的代碼有各種示例，其中包括那些可以在編輯頁面上正常工作的示例。

然後要刪除記錄，您可以有一個jquery對話框，如果用戶按下Ok，則使用jQuery ajax函數發佈需要的細節delete.php，然後將執行刪除。 jQuery的一面看起來像這樣：

$(function() { 
    $("#dialog").dialog({ 
     bgiframe: true, 
     resizable: false, 
     height:140, 
     modal: true, 
     overlay: { 
      backgroundColor: '#000', 
      opacity: 0.5 
     }, 
     buttons: { 
      'Delete this item': function() { 
            //ajax request here 

       $(this).dialog('close'); 
      }, 
      Cancel: function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
});