可重用的JQuery模态对话框？

Question

在过去的6个月里,我一直在使用jquery.

我有一个表单,我想要替换20个不同的javascript警报(""); 使用jQuery模态对话框的语句.

我不想为每个不同的消息创建单独的对话框div部分.

有没有办法用基础jquery-ui创建一个可重用的模态对话框,我可以在其中传递消息标题和消息文本？

如果您有任何想法,请告诉我？

德里克

Answer 1

是的,您可以创建可重复使用的对话框,您可以动态传递消息.

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.");
   

任务完成!!