更改对话框中的内容答案

【问题标题】：Change content in a Dialog box更改对话框中的内容
【发布时间】：2012-06-19 22:23:57
【问题描述】：

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

任何帮助都将不胜感激！

太和

【问题讨论】：

标签： jquery jquery-ui jquery-plugins modal-dialog jquery-ui-dialog

【解决方案1】：

只需隐藏两个 div。当你点击链接时显示一个，如果你然后点击问号，隐藏那个，然后显示另一个......

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

jquery

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

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

【讨论】：

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

【讨论】：