通过在当前模态内容中调用来更改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>

当我点击“登录”按钮时，它会打开模态，没有任何问题。

问题是，当我点击modal（登录模式）中的注册链接时，必须关闭登录模式并且必须打开注册模式。

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