可重用jquery模式对话框?

有很多插件可以在对话框的jquery中找到。

我已经用过了 facebox plugin 在过去。

基本用法可以简单如下:

jQuery.facebox('something cool')

是的,您可以创建可重用对话框,并且可以动态传递消息。

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

工作完成了!!

我强烈推荐 Impromptu . 它有很好的文档记录,有很好的例子,基本上是代替javascript警报和输入的一个下降,但是它是非常可扩展的,有大量的选项和额外的特性。

我推荐jquery的groll插件。 http://plugins.jquery.com/project/Growl

使用groll的好处是它有一些非常好的内置功能,特别是具有自动删除功能的可选功能。

它是非模态模态模态。

我的意思是,在用户返回到与网站交互之前,它不需要用户与之交互,从而维护网站的工作流。

我曾经很喜欢使用facebox,但现在我将它逐步淘汰,取而代之的是作为jquery UI集合一部分的对话框:

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

你提到了核心jquery用户界面,这不是技巧吗?