Блог

Я пытаюсь отобразить аккордеон в диалоговом окне. Он работает нормально, и modal заполняется accordian только в первый раз. Когда модальный файл открывается во второй раз (после нажатия кнопки отмены), в нем нет аккордеона, только пустые данные. Ниже приведен код:

$(function() { $(«#leftButton»).click(функция () {

 $('#divPopup').empty();
 $("#divPopup").dialog({
    modal: true,
    minHeight: 400,
    minWidth: 400,
    title: "Modal Dialog",
   open:function(){
     var interfaceCount = "345";
   var sysHeader = '<h3>System Interface Count</h3>';
   $('#details').append(sysHeader); 
   var divsToAppend2 = '<div><div><span>'  interfaceCount  '</span></div></div>';
   $('#details').append(divsToAppend2);

    var test =  $( "#details" ).accordion({
         heightStyle: "content",
         collapsible: true
       });

     test.appendTo('#divPopup');

   },
   buttons:{
     Cancel:function(){
       $(this).dialog("close");
     }
   }


  });
  

});
});

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

Пример кода: http://jsbin.com/wusolabi/3/edit

Я полагаю, проблема в том, что я использую $(‘#divPopup’).empty();