使用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

真正说不出别的。我会解释，但a）我必须运行，b）代码为我做。