Scripty2：如何关闭对话框

Question

我正在寻找一种关闭 scripty2 对话框的方法，如下所示： http://mir.aculo.us/stuff/scripty2- ui/test/function/controls_dialog.html

从对话框外部（即使用 firebug 命令行），但我的 javascript 魔力有点有限，在 DOM 周围 30 分钟后我找不到方法。有什么提示吗？

注意：scripty2 是 script.aculo.us 的重写，它使用了一些 Jquery UI。

Answer 1

这是该对话框的文档：
http://scripty2.com/doc/scripty2%20ui/s2/ ui/dialog.html

Answer 2

要关闭没有 ids 代码的页面上的所有对话框（类 div.ui-dialog 的元素），将是这样的（未经测试）：

$('div.ui-dialog').each(function() {this.close();});

Answer 3

Scripty2 UI 位实际上基于 Prototype 类，而不是 DOM 元素的扩展，因此您不能使用 $$() 来获取现有对话框并像您想象的那样关闭它。它必须存储在 JavaScript 变量中。

var dialog = new S2.UI.Dialog({ // The class must be saved in a 
variable 
  content: "Consulting the server. Please wait." 
}); 

dialog.open(); // We open 
new Ajax.Request('/answers', { 
  onComplete: function(){ 
    alert("Done!"); 
    dialog.close(); // And close. 
  } 
}); 

尝试将这些粘贴到 Firebug 中：

var dialog = new S2.UI.Dialog({content: "Hello World"}); 
dialog.open(); 
dialog.close();