jquery - 更改对话框中的内容

Question

当您单击“注册或登录”链接然后单击“问号”（用于重置密码）时，我正在尝试生成与 www.inkling.com 相同的功能......我认为他们用一个对话框来实现他们的，它的内容可以根据用户的选择而改变。

任何帮助不胜感激！

太和

Answer 1

只需隐藏两个 div。当您单击链接时显示一个，如果您然后单击问号，则隐藏该链接，然后显示另一个...

这是一个小提琴来说明 - http://jsfiddle.net/Dj8xG/

jQuery

$('#signup').click(function(){
    $('#login').show();
});

$('#forgot').click(function(){
    $('#login').hide();
    $('#reset').show();
});

Answer 2

如果你知道一些 CSS，你应该有这个基本结构：

<div id="float_content" style="position:absolute">
    <div id="login">
        <a href="#" class="first_mark">?</a>        
    </div>

    <div id="forgot" style="display:none">
        <a href="#" class="second_mark">?</a>   
    </div>
</div>

首先，您必须接收主 div“float_content”，然后将 show() hide() 播放到内部 div

$(".first_mark").live('click', function(e)
       {
                e.preventDefault();
        $(this).closest("div").hide();
                $("#forgot").show();
    });


$(".second_mark").live('click', function(e)
       {
                e.preventDefault();
        $(this).closest("div").hide();
                $("#login").show();
    });