Scripty2:如何关闭对话框

时间:2010-01-21 22:10:34

标签: jquery-ui scriptaculous scripty2

我正在寻找一种方法来关闭这样的scripty2对话框: http://mir.aculo.us/stuff/scripty2-ui/test/functional/controls_dialog.html

从对话框的外部(即使用firebug命令行)但我的javascript mojo有点受限,在绕过DOM 30分钟后我找不到方法。任何提示?

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

3 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

要在没有id代码的页面上关闭所有对话框(带有类div.ui-dialog的元素)将是这样的(未经测试):

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

答案 2 :(得分:0)

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();