Невозможно клонировать диалоги jQueryUI

Question

У меня есть страница, на которой пользователь добавляет и редактирует список книг. Вы можете перемещать их, добавлять новые книги, редактировать книги уже там ...

Чтобы добавить или отредактировать каждую отдельную книгу, появится диалоговое окно с формой с несколькими полями ввода: название, автор, жанр и т. Д. I также есть плагин Watermark, поместивший текст по умолчанию в каждое из этих полей.

Вместо того, чтобы повторять и перезапускать каждое из этих полей ПОСЛЕ каждой книги, сохраненной в главном списке, и диалог закрыт, чтобы получить форму для следующей книги, я думаю, что это будет проще просто использовать клон формы каждый раз, а затем просто выбросить клона после каждого сохранения:

$("#addEditBook").click(function() { 
$("#bookForm").clone().removeAttr("id").attr("id", "clonedBookForm").insertAfter("#bookForm"); 
$("#clonedBookForm").dialog("open"); 
return false; 
}); 

в FireBug, я вижу #clonedBookForm создается. И он идентичен #bookForm ниже.

Но следующая строка, .dialog("open"); выдает эту ошибку:

uncaught exception: cannot call methods on dialog prior to initialization; attempted to call method 'open' 

Примечание: Я знаю

$("#clonedBookForm").dialog({ 
autoOpen: false, 
modal: true, 
resizable: false, 
draggable: false, 
etc., etc. 

... работает, потому что он отлично работает с оригинальным #bookForm. Что-то о событиях, которые не клонируются?

Я хотел бы получить эту разобраться, потому что я бы себе одноразовая клоны вещей была бы реальная экономия времени ...

Спасибо заранее!

Answer 1

Ваш bookForm диалог, который вы клоны, wraped в другом контейнере при его инициализации с

$("#bookForm").dialog({ 
autoOpen: false, 
modal: true, 
resizable: false, 
draggable: false, 
etc., etc. 

строительства. И затем вы позже клонируете bookForm, вы клонируете только завернутый контент, без основной обертки. Вот почему у вас нет успеха. Попробуйте использовать шаблоны jQuery и создать новое диалоговое окно из шаблона.