0

我有一个表单，可以通过单击“a.flipLink”在“登录”和“恢复密码”表单之间切换。h2 最初设置为具有文本“登录”我想在第一次单击“a.flipLink”时将其更改为“恢复”并在第二次单击时返回到“登录”，因此显示了相应的标题及其相关形式。这似乎应该可以工作，并且在第一次单击时会更改，但在第二次单击时不会变回“登录”。

$('.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 的元素：

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

将 id 更改h2为唯一的，更改相应的 jquery 选择器，它会正常工作。

于 2013-05-06T18:57:04.830 回答