jquery - モーダルダイアログの閉じるボタン

Question

正しく機能する次のものを使用しましたが、自動的に閉じるのではなく、閉じるボタンが必要ですか？

$(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

$(document).ready(function() { 
     $('#app').click(function() { 
         $.blockUI({ 
             theme:     true, 
             title:    'Welcome to your page', 
             message:  $('#message')
        }); 
    });

   $('.close').click(function() {
       $.unblockUI(); 
        return false; 
   });    
}); 

そして、以下をhtmlコンテンツに入れます。

<div id="message" style="display:none;">
    <p>Please have a look..</p><button class="close">close</button>
</div>