如何关闭类的jquery对话框？

Question

我有很多对话框,我需要一个简单的解决方案来关闭按钮.我真的不想写大量的代码来关闭每一个.

我想对我要关闭对话框的所有按钮和链接使用class ="btnDone".除了在每个对话框中为每个按钮的每个实例编写单独的函数之外,还有更简单的方法吗？

以下是其中一个对话框代码的示例:

    <script>
    // increase the default animation speed to exaggerate the effect
    $.fx.speeds._default = 1000;
    $(function() {
        $( "#forgotPassword" ).dialog({position:['middle',60],
            open: function(event, ui) {  
            jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span style="float:right;"><img src="../images/x.png" /></span>');  
        },  
            dialogClass: 'ui-widget-shadow',
            modal: true,    
            autoOpen: false,
            width: '650px',
            close: function(ev, ui) {$(this).close();}
        });

        $( ".forgotPasswordOpen" ).click(function() {
            $( "#forgotPassword" ).dialog( "open" );
            return false;
        });
    });
    </script>
<div style="display:none">
    <div id="forgotPassword">
        <!--#include file="modal08.asp"-->
    </div>
</div>

如何用class ="btnDone"编写close函数？

Answer 1

你看过API了吗？这就像打开一个

$( ".btnDone" ).click(function(){
  $('.ui-dialog-content').dialog( "close" );
})