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

私たちを手伝ってくれますか?

Ps。モーダルが閉じて再び開かなければ完璧です。現在開いているモーダル内のコンテンツを置き換えることが、ユーザー フレンドリーな外観のための最良の解決策になると思います。

4

1 に答える 1

0

以下で修正:

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;
});
});
于 2013-02-03T15:29:14.577 に答える