2017-01-19 11 views
0

私はブートストラップサイトを構築していますが、ログインメニューの[パスワードを忘れた場合]オプションが表示されません。ブートストラップドロップダウンパスワード回復サブメニュー

ドロップダウンフォームを開いて[パスワードを忘れた]リンクをクリックすると、パスワードリセット用の入力を備えた全く新しいフォーム(たとえば電子メール、ユーザー名など)と、パスワードリセットのための別のアクション。フォームをログの同じ場所に表示するようにしてください(切り替える必要があります)。

これにはどのような方法が最適ですか? adanvceでhttp://bootsnipp.com/snippets/3kNkX

ありがとう:

は、ここで私が使用しているスニップです。

+0

最良の方法は、ログインフォームがである同じ要素に隠された形を持っており、**パスワードを忘れた**リンクを持っているだろう、ログインフォームを非表示にし、回復パスワードのフォームを表示します。 – user2182349

答えて

0

パスワードフォームの内容をHTMLファイルに入れて、ログインフォームを保持する小さなボックスにロードします。私は.slideInRightをログインフォームのセレクタとして使用しましたが、そのボックスに一意のIDを付けてセレクタとして使用する方が良いでしょう。これを行うには

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