jquery - 通过在当前模态内容中进行调用来更改 SimpleModal 内容

Question

<script type="text/javascript">
jQuery(function ($) {
    $('#login-modal').click(function (e) {
        $('#login-content').modal();
        return false;
    });

    $('#doRegister').click(function (e) {
        $('#register-modal').modal();
        return false;
    });
});
<script>

<a id="login-modal">Login</a>  

<div id="login-content" style="display:none;">
    Not registered? <a id="doRegister" href="#">Register now</a>!
</div>

<div id="register-content" style="display:none;">
    Hi, I'm register.
</div>

当我单击“登录”按钮时，它会毫无问题地打开模式。

问题是，当我单击模式(登录模式)内的注册链接时，必须关闭登录模式并打开注册模式。

SimpleModal 文档在这里，但我自己无法做到。 http://www.ericmmartin.com/projects/simplemodal/

你能帮我吗？

诗。如果模式不会自行关闭并重新打开，那就完美了。我相信替换当前打开的模式中的内容将是用户友好的外观的最佳解决方案。

Answer 1

修复:

jQuery(function ($) {
$('#login-modal').click(function (e) {
    $('#login-content').modal({ opacity:80 });
    return false;
});

$('#doRegister').click(function (e) {
    $.modal.close();
    $('#register-content').modal({ opacity:80, minHeight:700});
    return false;
});
});