如何把jQuery中的標題欄中的關閉按鈕，彈出

Question

這裏是小提琴 https://jsfiddle.net/evbvrkan/

這是一個非常大的項目，所以不能改變很多事情，現在的要求是把X鍵的第二個彈出窗口（這是通過點擊標題欄中的「點擊我2」按鈕）或任何其他方式使第二個對話框出現以關閉該窗口。

正如你可以在CSS中看到每個彈出式窗口標題關閉圖標被禁用，我不能改變這一點。

我試了很多來自計算器並沒有什麼解決方案的努力，把一個按鈕，在對話框或X標誌

HTML

<div id="myFirstDialog"> 
    This is the content of my modal dialog box 

</div> 

<button id="clickMe">Click Me</button> 

<div id="my2ndDialog" > 
    This is the content of my 2nd modal dialog box 

</div> 

<button id="clickMe2">Click Me 2</button> 

的標題欄JS

$("#myFirstDialog").dialog({ 
    autoOpen : false, 
    modal  : true, 
    title  : "A Dialog Box" 
    }); 

$('#clickMe').click(function() { 
    $("#myFirstDialog").dialog("open"); 
}); 

$("#my2ndDialog").dialog({ 
    autoOpen : false, 
    modal  : true, 
    title  : "A Dialog Box", 
    buttons : { 
       'X' : function() { 
        $(this).dialog('close'); 
       } 
       } 
    }); 

    $('#clickMe2').click(function() { 
    $("#my2ndDialog").dialog("open"); 
}); 

CSS

.ui-dialog-titlebar-close { 
    visibility:hidden; 
} 

Answer 1

使用dialogClass一類添加到用戶界面對話框要顯示的關閉按鈕，然後添加CSS來顯示了基於該類：

https://jsfiddle.net/jmcjzkyv/