在当前模式内容内通过调用更改SimpleModel内容 jQuery(函数($){ $(“#登录模式”)。单击(函数(e){ $(“#登录内容”).modal(); 返回false; }); $('doRegister')。单击(函数(e){ $(“#寄存器模式”).modal(); 返回false; }); }); ! 嗨,我是登记员。

在当前模式内容内通过调用更改SimpleModel内容 jQuery(函数($){ $(“#登录模式”)。单击(函数(e){ $(“#登录内容”).modal(); 返回false; }); $('doRegister')。单击(函数(e){ $(“#寄存器模式”).modal(); 返回false; }); }); ! 嗨,我是登记员。,jquery,simplemodal,Jquery,Simplemodal,当我点击“登录”按钮时,它会毫无问题地打开模式 问题是,当我在模式(登录模式)中单击register链接时,登录模式必须关闭,register模式必须打开 SimpleModel文档在这里,但我自己做不到。 你能帮我吗 另外,如果modal不自动关闭并重新打开,那将是完美的。我相信替换当前打开模式中的内容将是用户友好外观的最佳解决方案。修复了以下问题: <script type="text/javascript"> jQuery(function ($) { $('#log

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

问题是,当我在模式(登录模式)中单击register链接时,登录模式必须关闭,register模式必须打开

SimpleModel文档在这里,但我自己做不到。

你能帮我吗

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

修复了以下问题:

<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>

登录模式
内放置两个
div
,一个用于登录,一个用于注册。使用
立即注册
按钮切换分区的可见性。
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;
});
});