模态对话框中的关闭按钮

时间:2012-09-21 11:42:57

标签: jquery

我使用了以下正常工作,但我需要一个关闭按钮,而不是自动关闭如何做到这一点?

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

1 个答案:

答案 0 :(得分:2)

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