График высоких диаграмм не отображается в диалоговом окне jquery

Question

Я пытаюсь показать диаграмму в диалоговом окне jQuery.

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

function() { 
    var dialog = $('#div_id').dialog({ 
     'autoOpen': false, 
     'closeOnEscape':true, 
     'buttons':[{ 
     'text':'OK', 
     'click': function() { $(this).dialog('close'); } 
     }], 
     'modal':true 
    }); 
    $("#show_dialog_button").click(function() { 
      dialog.dialog('open'); 
      var chart = Highcharts.Chart({/*some configs here*/}); 
      var jqChart = $("#"+chart.options.chart.renderTo); 
     HighchartsHelper.autoResizeChart(jqChart,chart); 
    } 
} 

Я надеюсь, что кто-то может помочь.

Answer 1

Хорошо, я нашел, в чем проблема. Когда создается диалог, он копирует данный элемент и помещает его в тег body. Таким образом, существует более одного элемента с одним и тем же идентификатором. Затем во втором вызове диалог не знает, какой элемент будет отображаться и показывать, чтобы он просто открывается. Исправление состоит в том, чтобы удалить все те элементы, кроме оригинала, из DOM. Мой код выглядит следующим образом:

$("[id='dialog_element']").not("#dialog_parent>#dialog_element").remove(); 

я удалить эти паразитные элементы, такие как, что для совместимости с IE7 (Может быть, все IE7 +)