【问题标题】:Change SimpleModal content with a call inside current modal content在当前模式内容中调用更改 SimpleModal 内容
【发布时间】:2013-02-03 15:11:08
【问题描述】:
<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/

你能帮帮我吗?

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

【问题讨论】:

  • login-modal内部放置两个div,一个用于登录,一个用于注册。使用register now 按钮切换分区的可见性。

标签: jquery simplemodal


【解决方案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;
});
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-03-02
    • 2016-11-17
    • 2023-03-06
    • 2012-06-14
    • 1970-01-01
    • 1970-01-01
    • 2015-01-25
    相关资源
    最近更新 更多