Question

我正在尝试制作一个基本的登录系统。我正在混合和匹配bootstrap。登录布局已完成。当我点击注册时，它会将我带到另一个表单字段，它也可以工作。出于某种原因，当我点击忘记密码时，它应该让我忘记密码页面，但它没有，没有任何反应。我有一个“忘记密码”页面的ID，但每当我输入该ID时，登录将停止工作并格式化。

这是我的代码。我还添加了js / css bootstrap代码。

http://jsfiddle.net/8cjrj118/1/

这是我忘记密码表单的代码部分。我从主页上取下了“被遗忘的家”的ID，因为它搞乱了一切。我已经坚持了一段时间，所以任何建议将不胜感激。感谢

<div style="display: none;" id="form-olvidado">
<h4 class="">
  Forgot your password?
</h4>
<form accept-charset="UTF-8" role="form" id="login-recordar" method="post">
  <fieldset>
    <span class="help-block">
      Email address you use to log in to your account
      <br>
      We'll send you an email with instructions to choose a new password.
    </span>
    <div class="form-group input-group">
      <span class="input-group-addon">
        @
      </span>
      <input class="form-control" placeholder="Email" name="email" type="email" required="">
    </div>
    <button type="submit" class="btn btn-primary btn-block" id="btn-olvidado">
      Continue
    </button>
    <p class="help-block">
      <a class="text-muted" href="#" id="acceso"><small>Account Access</small></a>
    </p>
  </fieldset>
</form>

提前致谢。

Answer 1

试试这个：

<a href="#" onClick="$('#loginbox').hide(); $('#form-olvidado').show()">Forgot password?</a>

<强> DEMO

Answer 2

DEMO

$('#forgot').click(function(){


    $('#form-olvidado').css(
        "display","block"
    );
    $('#loginbox').css(
        "display","none"
    );

});

或

$('#forgot').click(function(){ $('#form-olvidado').show(); $('#loginbox').hide(); });

在忘记密码的锚标记中添加忘记为id？然后添加此代码

其次可以使用两种方法，一种是在jquery或
中使用css display block或none
隐藏或显示两者都有效“

关于使用jsfiddle的另一件事在左侧菜单中有一个名为外部资源的选项卡，您必须在该菜单中添加css和其他javascript文件 Go to this site 它托管了所有引导程序和其他文件，以便可以即时使用

无法连接引导页面

2 个答案:

DEMO