JQueryUI對話框將不會打開

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!'); 

} .bind（本））;

正如我所知的動態添加對象ON無法正常工作。嘗試使用LIVE而不是ON。