向jquery模型（BlockUI）添加关闭按钮

我使用了以下功能，可以正常工作，但我需要一个关闭按钮，而不是自动关闭。如何做到这一点？（我正在使用jQuery BlockUI）

$（文档）.ready（函数（）{
$（'#app'）。单击（函数（）{
$.blockUI（{
主题：真的，
标题：“欢迎访问您的页面”，
消息：“请看一看。
”，
超时：2000
}); 
});    
}); 

退房

---

其思想是显示一个自定义对话框，并调用$.unbui（）；当用户单击“否”按钮时。

我不知道您是否仍然对此感兴趣，但我正在寻找它，但找不到它，因此我必须创建自己的解决方案。您必须更新插件（jquery.blockUI.js），然后转到这一行：

if ( opts.title ) {
    s +=  '<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">'+(opts.title || '&nbsp;')+'</div>';

---

你可以更别致一些，添加一个额外的选项，比如

showCloseButtonUI

，只在设置为true时显示它。

最喜欢的问题是因为你给我介绍了一个新插件，看起来很漂亮cool@user1537158所以给它一个高速率PLZ这看起来是一个很好的解决方案，但我不能让它正常工作。按钮就是不显示。@Hanlet Escaño:这是个好把戏！！按钮正在显示，但单击事件从未触发，关闭按钮的位置也混乱了？在这些情况下你能帮忙吗？

if ( opts.title ) {
    s +=  '<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">'+(opts.title || '&nbsp;')+'</div>';

if ( opts.title ) {
    s += '<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-1" class="ui-dialog-title">' +(opts.title || '&nbsp;')+ '</span><button id="btnCloseBlockUI" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button></div>';

//Unblocks the UI when clicking the close button
$("button#btnCloseBlockUI.ui-button").click(function () {
    $.unblockUI();
});