以下代码会在每次后续点击 2nd 时附加一个新元素div。每次添加时，焦点都设置在添加的元素上，以便为blur方法做好准备（我设置tabIndex属性只是为了这个目的）。
但是，在新元素外部单击时，没有任何反应，即使应该有一个弹出窗口。谁能告诉我这段代码有什么问题？
public void onModuleLoad() {
VerticalPanel vert = new VerticalPanel();
String foo = "<div id ='foo'>Foo</div>";
$("#bodywrapper").append(foo);
$("#bodywrapper").append("<div id ='boo'>Boo</div>");
$("#boo").click(new Function() {
public boolean f(Event e) {
// Window.alert("foo");
$("<div id ='goo' tabIndex = '1'>Boo</div>").appendTo("#bodywrapper").focus();
return true;
}
});
$("#goo").live("blur", new Function() {
public boolean f(Event e) {
Window.alert("Foo");
return true;
}
});
RootPanel.get().add(vert);
}
}