可重用的JQuery模態對話框？

Question

我在過去6個月一直在使用jquery。

我有一個表單，我想要替換20個不同的javascript警報（「」）;語句與jQuery模態對話框。

我不想爲每個不同的消息創建單獨的對話框div部分。

有沒有一種方法與基本的jquery-ui創建一個可重複使用的模式對話框，我可以傳遞消息標題和消息文本？

讓我知道你有什麼想法嗎？

德里克

Answer 1

有很多插件，你可以找到的jQuery的對話框boxs的。

我以前用過facebox plugin。

基本用法可能是簡單：

jQuery.facebox('something cool') 

Answer 2

我會建議jQuery的低吼插件。 http://plugins.jquery.com/project/Growl

使用Growl的好處是，它具有一些非常好的內置功能，特別是具有自動刪除功能的可選功能。

這是非模態模態。

我的意思是，它不需要用戶與它進行交互，然後才能返回到與網站進行交互，從而維護網站的工作流程。

Answer 3

我強烈推薦Impromptu。它有很好的文檔記錄，有很好的例子，基本上可以替代javascript Alert和Input，但它非常容易擴展，並且有很多選項和額外的功能。

Answer 4

我用Facebox了不少，但我逐步出來贊成對話框這是jQuery的UI集合的一部分：

http://docs.jquery.com/UI/Dialog

你提到jQuery核心的用戶界面，不這不是訣竅嗎？

Answer 5

是的，你可以創建可重用的對話框，你可以動態地傳遞消息。

1. 創建對話類

   function OkDialog() { 
   
       this.showMessage = function(message) { 
   
       var $dialog = $('<div></div>') 
   
        .html(message) 
   
        .dialog({ 
   
        modal: true, 
   
        closeOnEscape: true, 
   
        buttons: { 
   
         Ok: function() { 
   
          $(this).dialog("close"); 
   
         } 
   
        } 
   
       }); 
   
        $dialog.dialog("open"); 
   
       } 
   
   } 
   

2. 在公用文件（JSP）之一創建全局對象。

   OK_DIALOG = new OkDialog(); 
   

3. 用期望的消息調用此函數。

   OK_DIALOG.showMessage("You don't have more than a single penny."); 
   

完成任務！