jQuery-對話框缺少標題欄關閉按鈕

Question

我在這里看到了很多關於此問題的主題，但沒有一個讓我難過:(就我而言，不僅缺少“ x”，而且整個按鈕也不見了，我不知道為什么也不知道如何解決這個。

提前致謝 ：）

這是我的代碼：HTML：

<div id="ZF_dialog" title="Zusatzfelder" style="display:none;" ><br><br>
<table id="table_zf" style="width:100%; border-style:ridge; border-radius:8px">
            <thead>
                <tr>
                    <th style= 'width:10%'>Name</th>
                    <th style= 'width:10%'>Typ </th>
                    <th style= 'width:10%'>Wert</th>
                    <th style= 'width:10%'>Optionen</th>
                    <th style= 'width:10%'>Pflicht</th>
                </tr>
            </thead>
        </table>
</div>
<div style="clear: both;"></div>

Java腳本：

$(this).find('i').off('click').on('click',function(){
    console.log(that.attr("value"));
    console.log("jeah");
 $( "#ZF_dialog" ).dialog({
    draggable: true,
    show: { effect: "blind", duration: 250},
    height: 320,
    width: 500,
    position: { my: 'top', at: 'top+250' }
});
let temp = $("<tr><td id='USER"+key+"' value='"+GlobalVarUS[key]["pk_pr_id"]+"'>"+GlobalVarUS[key]["pk_pr_id"]+"</td><td id='USERa"+key+"' value='"+GlobalVarUS[key]["pk_pr_id"]+"'>"+GlobalVarUS[key]["projektname"]+"</td><td id='USERb"+key+"' value='"+GlobalVarUS[key]["pk_pr_id"]+"'>"+GlobalVarUS[key]["aktiv"]+"</td><td id='USERc"+key+"' value='"+GlobalVarUS[key]["pk_pr_id"]+"'>"+GlobalVarUS[key]["verrechenbar"]+"</td><td id='ZFDialog"+key+"' value='"+GlobalVarUS[key]["pk_pr_id"]+"'><i class='fa fa-list' aria-hidden='true' style= 'cursor:pointer'></i></td></tr>");
temp.appendTo("#table_zf");

});

Answer 1

示例HTML標記：

    <div id="dialog1" title="Basic dialog">
      <table border="1">
            <tr><td>S.no</td><td>Text</td></tr>
            <tr><td>One</td><td>Text</td></tr>
       </table>
    </div>

jQuery對話框代碼：

$(function() {
    $( "#dialog1" ).dialog();
});

我的代碼使用CDN路徑運行插件

使用ui-icons_777777_256x240.png圖像不正確或路徑不正確。