Открытие диалоговых окон JQuery из диалогов JQuery

Question

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

$('#am_schedDetailModal').dialog('option', 'buttons', [{ 
    text: 'Delete', 
    click: function() { 
     $('#am_confirmationDialog').html('Are you certain you wish to delete this entry?'); 
     $('#am_confirmationDialog').dialog('option', 'buttons', [{ 
      text: 'Yes', 
      click: function() { 
       deleteScheduledEntryAt(cellID); 
       $('#am_schedDetailModal').html(''); 
       $('#am_schedDetailModal').dialog('close'); 
       $('div', this).html(''); 
       $(this).dialog('close'); 
      } 
     }, { 
      text: 'No', 
      click: function() { 
       $('div', this).html(''); 
       $(this).dialog('close'); 
      } 
     }]); 

     $('#am_confirmationDialog').dialog('open'); 
    } 
}]); 

Проблема заключается в том, что, когда я запускаю этот код, то второй диалог не появляется. Появится первое диалоговое окно, а остальные кнопки работают нормально, но кнопка «Удалить» не имеет никакого эффекта. Нет ошибки (согласно FireBug), но ничего не появляется. Какие-либо предложения?

EDIT: Благодаря Kevin van Hoorn, похоже, что это была довольно простая ошибка - я создал второе диалоговое окно в коде, но забыл его инициализировать.

Answer 1

Вы должны добавить этот div к чему-то, прежде чем пытаться его использовать.

document.append('<div id="am_confirmationDialog" />');