jQuery UI對話框的“關閉”按鈕不起作用

Question

我使用了jQuery UI對話框，如下圖所示。

jQuery UI對話框

當我單擊打印按鈕時，對話框內div的內容將被打印。

打印代碼功能

function printDiv() {
    var originalContents = document.body.innerHTML; 
    var printContents = document.getElementById('PrintDivcontent').innerHTML;
    document.body.innerHTML = "<html><head><title></title></head><body style='background-color:#FFFFFF;'>"
            + printContents + "</body>";
    window.print(); 
    document.body.innerHTML = originalContents;
}

打印功能正常。 但是在通過單擊“打印”按鈕打印內容之后，對話框的關閉按鈕不起作用。 當我在單擊打印之前單擊關閉按鈕時，它將起作用。 在控制台中，顯示以下錯誤

TypeError: $(...).data(...) is undefined
.data( widgetFullName )._focusTabbable();

有什么解決辦法嗎？ 請幫我。

更新

HTML代碼

<div id="ReportPopup">
            <div id="PrintDivcontent">

                <div id="ReportTablecontainer">
                    <table id="ReportTable"><tbody><tr><th>Time</th><th>Action</th><th>comment</th></tr><tr class=""><td style="text-align:center;width:25%">2014-06-05 13:50:03</td><td style="padding-left:5px;width:50%">cdfsdfsd</td><td style="text-align:center;width:25%"></td></tr><tr class="altRow"><td style="text-align:center;width:25%">2014-06-05 13:51:58</td><td style="padding-left:5px;width:50%">fsdfsd</td><td style="text-align:center;width:25%">dsfsd</td></tr><tr class=""><td style="text-align:center;width:25%">2014-06-05 13:52:01</td><td style="padding-left:5px;width:50%">dfsdfs</td><td style="text-align:center;width:25%">sfsdfs</td></tr><tr class="altRow"><td style="text-align:center;width:25%">2014-06-05 14:25:45</td><td style="padding-left:5px;width:50%">dsfsdfs</td><td style="text-align:center;width:25%">sdfsdfsd</td></tr><tr class=""><td style="text-align:center;width:25%">2014-06-05 14:42:10</td><td style="padding-left:5px;width:50%">sdfsdfsd</td><td style="text-align:center;width:25%">sdfsdfsd</td></tr></tbody></table>
                </div>
            </div>
            <div class="reportButtonContainer">

                <input type="button" onclick="printDiv()"  value="PRINT">
            </div>
        </div>

對話

$("#ReportPopup").dialog({
            modal:true,
            resizable: false,
            title: 'Report',           
            show:  {
                effect      : 'fold'
            },
            hide:{
                effect : 'fold'
            },
            width: 650,
            height: 600 ,
            minHeight:"auto"
        });

Answer 1

我更改了打印功能代碼。

function printDiv() {  
      var divContents = $("#PrintDivcontent").html();
        var printWindow = window.open('', '', 'height=600,width=800');
        printWindow.document
                .write('<html><head><title>Title of Print Page</title>');
        printWindow.document.write('</head><body >');
        printWindow.document.write(divContents);

        printWindow.document.close();
        printWindow.print();
        printWindow.close();

    }

現在工作正常。 演示

jQuery UI對話框的“關閉”按鈕不起作用

問題描述

1 個解決方案

解決方案1
0 已采納 2014-06-12 09:00:57

jQuery UI對話框的“關閉”按鈕不起作用

問題描述

1 個解決方案

解決方案1 0 已采納 2014-06-12 09:00:57

解決方案1
0 已采納 2014-06-12 09:00:57