Bootstrap 下拉密码恢复子菜单

Question

我正在构建引导站点，但我被登录菜单中的忘记密码选项卡住了。

当您单击“登录”按钮时，会打开一个下拉表单，然后单击“忘记密码”链接，我想要一个全新的表单，其中包含用于密码重置的输入（例如电子邮件、用户名等）和具有不同的新按钮密码重置操作。我希望表单出现在登录表单的相同位置（它应该切换）。

最好的方法是什么？

这是我正在使用的截图：http://bootsnipp.com/snippets/3kNkX

感谢您。

Answer 1

将忘记密码表单的内容放入 HTML 文件中，然后将其加载到包含登录表单的小框中。我使用.slideInRight 作为登录表单的选择器，但如果你给那个框一个唯一的 ID 并使用它作为选择器可能会更好。

$('.forgot-password').on('click',function(e) {
  e.preventDefault();
  $('.slideInRight').load('/forgot-password-partial.html');
});