如何打开新的模态窗口以关闭当前使用的simplemodal

Question

我在项目的eric下使用一个简单的模式。 这是一个非常好的js

http://www.ericmmartin.com/projects/simplemodal/

我将osx模态窗口作为osx模态窗口中的按钮关闭，同时要打开一个简单的模态窗口。 但这并不容易。

如何打开基本模态关闭osx模态打开osx模态？

Answer 1

如果您查看http://www.ericmmartin.com/projects/simplemodal/页面，

寻找回呼

有onClose回调，您可以使用它在关闭旧模式时关闭和打开新模式，

创建以下示例

两种模态HTML

//Modal One
<a href="#" class="demo button">Demo</a> 
<div id="basic-modal-content">      
<h3>Basic Modal Dialog</h3>
    <p>For this demo, SimpleModal is using this "hidden" data for its content.
    You can also populate the modal dialog with standard HTML or with DOM element(s).</p>
    <p>
        <button class="simplemodal-close">Close</button> <span>(or press ESC)</span>
    </p>
</div>
//Modal Two 
<div id="newmodal">     
<h3>New Modal Dialog</h3>

    <p>Hey I'm new modal and open when old one is closed, Hey I'm new modal and open when old one is closed,
    Hey I'm new modal and open when old one is closed, Hey I'm new modal and open when old one is closed,
    Hey I'm new modal and open when old one is closed, Hey I'm new modal and open when old one is closed</p>
</div>

JS代码

$(document).ready(function(){
    $('.demo').click(function (e) { //Open First Modal with Click Function
        e.preventDefault();
        $('#basic-modal-content').modal({ //First Modal Show
            onClose: function (dialog) { //On Close Function
                dialog.data.fadeOut('slow', function () {
                    dialog.overlay.fadeOut('slow', function () {
                        $.modal.close(); // must call this to close old modal and clear all data!
                        $('#newmodal').modal(); //Open New Modal
                    });
                });
            }
        });
    });
});

工作小提琴示例