jQuery对话框无法再次调用

Question

使用IE v11和windows 10在jQuery v2.2.2上{p> jQuery-ui v1.10.0 无法获得第二次打开的对话框。我无法通过确定按钮关闭对话框并通过使用'PDdialog ='获取对话框来解决这个问题。现在第二次尝试我得到错误：对象不支持属性或方法'对话'。我甚至尝试在Ok函数中添加.remove（）。

$( document ).ready(function() {
  $.ajaxSetup({ cache: false });

  $( ".pnopener" ).on( "click", function() {
    var pn = $(this).text();
    var tag = $("<div id='pd-dialog' title='PN Details'></div>");

    $.ajax({
      type: "GET",
      url: 'ajax/PNDetails.php?pn=' + pn ,
      success: function (data) {
        PDdialog = tag.html(data).dialog({
          resizable: true,
          height: 600,
          width: 750,
          modal: true,
          buttons: {
            Ok: function() {
              PDdialog.dialog( "close" );
              $( ".pd-dialog" ).remove();
            }
          }
        }).dialog('open');
      }
    });
  });
});

为了清楚起见，这里是调用html：

<span class="pnopener" style="color: darkorange;">[Changing string]</span>

这是表td。

更多： 在Firefox中，错误是：TypeError：tag.html（...）。dialog不是函数

谢谢！