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;
});
});