매우 비정상적인 JavaScript 동작

여기 제가 지금 여러 해 동안 사용해온 것입니다. 그리고 갑자기 이러한 이상한 행동을 보았을 것입니다. 누군가 그 이유를 알고 있을까요?매우 비정상적인 JavaScript 동작

<div class="tooltip" id="tooltip"></div> 

<input type="button" name="hide" value="hide" onclick="hide('tooltip');" /> 
<input type="button" name="show" value="show" onclick="show('tooltip');" />

는 HTML 코드 아래의 자바 스크립트입니다 :

<script type="text/javascript"> 
     function hide(id) 
     { 
      document.getElementById(id).style.display = 'none'; 
     } 
     function show(id) 
     { 
      document.getElementById(id).style.display = ''; 
     } 
    </script>

지금이 코드와 아무 잘못도 안 여기 내 HTML입니다. 각 버튼 클릭시 툴팁을 숨기거나 표시해야합니다. 이상한 일은 내가 숨기는 버튼을 클릭 할 때 발생합니다. 그리고 내가 쇼를 클릭하면 아무 일도 일어나지 않습니다. 숨기기가 아직 숨겨져 있습니다.

비슷한 문제가 있습니까? 거기에 대한 해결 방법이 있습니까? 똑같은 것을 달성하기위한 또 다른 접근법 (순수한 JavaScript)?

업데이트 : 블록을 변경했지만 여전히 작동하지 않습니다. 왜 그 버튼에 연결되어 있지 않을 때 클릭하는 버튼을 숨길 수 있습니까? 나는 최신 Firefox를 사용하고 있습니다. 그리고 같은 일에 경고를 더했습니다. 여기에 다시 작성 코드 :

function hide(id) 
{ 
    alert(id); 
    document.getElementById(id).style.display = 'none'; 
} 
function show(id) 
{ 
    alert(id); 
    document.getElementById(id).style.display = 'block'; 
}

출처

2009-11-13 ant

w3 유효성 검사기 (http://validator.w3.org/)를 읽고 마크 업이 유효한지 확인한 후 다시 돌아와서 알려주십시오. –

답변을 수락 한 것으로 표시했습니다. 무엇이 결국 그것을 해결 했습니까? –

예,이 게시물은 해결책이었습니다. – ant

제대로 작동하지 않게하는 것은 분명하지 않습니다. 어떤 유형의 오타, 닫히지 않은 태그 또는 함수 등이있는 것으로 추측하고 있습니다. 두 함수 모두에 alert()을 추가하여 함수가 제대로 호출되는지 확인하십시오.

편집 : 질문에 대한 최근 편집 내용을 토대로, 동일한 ID가있는 페이지에 다른 항목이있는 방향으로 기울어 져 있습니다. this question을 참조하십시오.

한가지 시도 : 당신의 show 기능에서 display 속성을 설정 한 후, 그것을 실제로으로 설정된 것을 확인하기 위해 display 재산상의 alert을 시도해보십시오

alert(document.getElementById(id).style.display);

출처

2009-11-13 15:23:19

당신은 블록에 다시 표시 유형을 설정해야합니다

<script type="text/javascript"> 

       function hide(id) 
       { 
       document.getElementById(id).style.display = 'none'; 
       } 
       function show(id) 
       { 
       document.getElementById(id).style.display = 'block';     
       } 

    </script>

출처

2009-11-13 15:21:32

OP 스크립트는 파이어 폭스 3.5에서 저에게 효과적이었습니다.하지만 실제로 수석 코코넛과 같은 display = "bock"을 사용하면됩니다. –

아니요, 그는 그렇지 않습니다. –

작품을 완벽하게 정상적으로 난 당신의 코드를 붙여 구글 크롬에로드 복사 할 때. 원본 페이지에 오타가있을 수 있습니다.

출처

2009-11-13 15:21:39 Jauco

Jauco, 아니요. 여기에 복사/붙여 넣기하지 마십시오. – ant

예, 페이지 전체에서 의미가 있습니다. 잘못 중첩 된 태그 또는 동일한 ID를 가진 다른 항목과 같습니다. 받아 들여진 응답에서 나는 마지막 하나가 사실 이었다는 것을 모인다. – Jauco

내가 디스플레이의 반대 = "없음"디스플레이 = "인라인"또는 표시하지 않을 것이다 생각 = 당신이 원하는 방법에 따라 "블록"내가이 특히 아무 잘못 표시되지 않습니다

출처

2009-11-13 15:22:06 jbrass