2013-05-06 1 views
0

"a.flipLink"를 클릭하여 "로그인"및 "비밀번호 복구"양식 사이를 전환하는 양식이 있습니다. h2는 처음에 "로그인"텍스트를 갖도록 설정되어 있습니다. 두 번째 클릭시 "a.flipLink"의 첫 번째 클릭에서 "복구"로 변경하고 두 번째 클릭에서 "로그인"으로 변경하여 해당 제목이 표시되도록하고 싶습니다 관련 양식과 함께 첫 번째 클릭에서 변경되지만 두 번째 클릭에서 다시 '로그인'으로 변경되지는 않습니다.클릭 기능에서 3 자 작동이 가능합니다.

$('.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"는 "비밀번호 복구"(할 수 있음)로 변경 한 다음 다시 클릭하면 다시 "로그인"으로 변경해야합니다. 기본적으로 텍스트를 토글해야합니다. "로그인"와 "복구 암호" 들으

이 그러나 작동합니다

같은 ID를 가진 페이지에 두 가지 요소가있다
if ($('h2#LogIn').text() == "Log In") 
    $('h2#LogIn').text('Recover Password') 
else 
    $('h2#LogIn').text('Log In'); 
+3

나를 위해 잘 작동합니다. http://jsfiddle.net/fBSX7/ – jbabey

+0

처음 시작했을 때만이 경로를 가야했습니다. if ($ ('h2 # LogIn'). 텍스트() == "로그인") $ 'h2 # LogIn'). 텍스트 ('비밀번호 복구') else $ ('h2 # LogIn'). 텍스트 ('로그인'); –

+1

주석에 코드를 넣지 마십시오. 질문을 편집하십시오. – Barmar

답변

4

:

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

변경 h2 ID가 뭔가 고유, 각각의 jquery를 변경하십시오. 선택기 및 잘 작동합니다.

관련 문제