thêm nút đóng vào mô hình jquery (BlockUI)

Question

Tôi đã sử dụng các tính năng sau hoạt động chính xác nhưng tôi cần phải có nút đóng thay vì đóng tự động cách thực hiện? (Tôi đang sử dụng jQuery BlockUI http://www.malsup.com/jquery/block/#demos)

$(document).ready(function() { 
    $('#app').click(function() { 
     $.blockUI({ 
      theme:  true, 
      title: 'Welcome to your page', 
      message: '<p>Please have a look..</p>', 
      timeout: 2000 
     }); 
    });  
}); 

Answer 1

Kiểm tra this.

Ý tưởng là hiển thị hộp thoại tùy chỉnh và gọi $ .unblockUI(); khi người dùng nhấp vào nút "Không".

Answer 2

Tôi không biết nếu bạn vẫn còn quan tâm đến điều này, nhưng tôi đã tìm kiếm nó và không thể tìm thấy nó, vì vậy tôi đã phải tạo ra giải pháp của riêng tôi. Bạn phải cập nhật các plugin mặc dù (jquery.blockUI.js), và đi đến dòng này:

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

và thay thế bằng cái này:

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>'; 

này sẽ thêm một nút để tiêu đề quán ba. Để thêm một handler bấm vào nút:

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

Bạn có thể ưa thích hơn và thêm một tùy chọn thêm, một cái gì đó giống như showCloseButtonUI và hiển thị nó chỉ khi nó được thiết lập là true.