Question

我有一个非常基本的形式来充当模态对话框和按钮。这是我的代码片段：

this.element.find('.column-chooser').dialog({
    'autoOpen':false,
    'modal':true,
    'height':300,
    'width':300
});

this.element.find('.choose-cols').button().on('click', function () {
    this.element.find('.column-chooser').dialog('open');
    alert('Hello, world!');
}.bind(this));

（我使用'this.element.find'而不是“$”的原因是因为这是一个动态应用的原型对象。）

截至目前，如果我设置'autoOpen：true'而不是false，则对话框显示正常。单击带有'choose-cols'类的按钮会弹出我的“Hello，World！”警告框，但它不会打开对话框。此外，这个片段：

this.element.find('.column-chooser').dialog('open');

在对话框定义后直接插入也不会打开对话框。这几乎就像我的JS完全忽略了'open'命令。有什么想法吗？

Answer 1

尝试

this.element.find('.choose-cols').button().live('click', function () {
this.element.find('.column-chooser').dialog('open');
alert('Hello, world!');

}绑定（本））;

据我所知，动态添加的对象ON无法正常工作。尝试使用LIVE而不是ON。

JQueryUI对话框无法打开

1 个答案: