0

「a.flipLink」をクリックして「ログイン」フォームと「パスワードの回復」フォームを切り替えるフォームがあります。h2 は最初に「ログイン」というテキストを持つように設定されています。「a.flipLink」の最初のクリックで「回復」に変更し、2 回目のクリックで「ログイン」に戻るようにして、適切なタイトルが表示されるようにします。関連する形で。これは機能するはずで、最初のクリックで変更されますが、2 回目のクリックで「ログイン」に戻りません。

$('.flipLink').click(function(e){
    formContainer.toggleClass('flipped');
    $('h2#LogIn').text($('#LogIn').text() == 'Log In' ? 'Recover Password' : 'Log In');
    e.preventDefault();
});

「a.flipLink」ごとにクリック ハンドラを定義するのではなく、個別の ID を持っています。繰り返しますが、H2 は最初は「ログイン」であり、「a.flipLink」をクリックすると「パスワードの回復」に変更され (実行できます)、もう一度クリックすると「ログイン」に戻ります。 「ログイン」と「パスワードの回復」thx

ただし、これは機能します：

if ($('h2#LogIn').text() == "Log In")
   $('h2#LogIn').text('Recover Password')
 else
   $('h2#LogIn').text('Log In');
4

1 に答える 1

4

ページに同じ ID を持つ 2 つの要素があります。

<a id="LogIn" href="LogIn.php" target="_self">Log In</a></p>
...
<h2 id="LogIn" class="center">Log In</h2>

h2ID を一意のものに変更し、それぞれの jquery セレクターを変更すると、正常に機能します。

于 2013-05-06T18:57:04.830 に答える