动态构建与jQuery模式对话框形式

Question

我有一个窗体，当有人点击Edit按钮时，内置。在Fiddle这里尝试一下。

而不是隐藏表格和显示丑陋的形式，我想把它放入一个jQuery模式对话框中的形式。

我尝试了编辑功能外增加这一点，但它似乎不工作：

var dialogOpts={ 
    modal:true, 
    autoOpen: false, 
    resizable:false, 
    width: 625 
} 
var $dialogform = $('#editform').dialog(dialogOpts); //init dialog  

$('#editbutton').click(function(e) { 
    $dialogform.dialog('open'); 
}); 

任何想法？注意：如果您使用小提琴演奏，您将不得不删除mydiv.show()/hide()调用以及用于显示表格而不是表格的if/else。

Answer 1

Try this

别的不多说真的。我会解释，但一）我必须运行和b）代码为我做。