如何打开一个新的modal window关闭当前使用的simplemodal

Question

我在我的项目中使用了 eric 下的一个简单模式。很不错的js

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

我关闭 osx 模态 window 作为 osx 模态 window 中的按钮，同时想打开一个简单的模态 windows . 但这并不容易。

如何打开基本模态关闭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
                    });
                });
            }
        });
    });
});

Working Fiddle Example

如何打开一个新的modal window关闭当前使用的simplemodal

How to open a new modal window to close the current use of simplemodal

javascript

modal-dialog

simplemodal