IE가 div onclick 이벤트를 트리거하는 것에 대해 혼란스러워합니다.

페이지 1, 2, 3, 5의 상단에 아래 코드 블록이있어 5 페이지를 탐색합니다. Chrome과 Mozilla에서 모든 것이 잘 작동합니다. 그러나 IE에서 더 큰 숫자 페이지로 이동할 때 항상 Page5로 리디렉션됩니다.IE가 div onclick 이벤트를 트리거하는 것에 대해 혼란스러워합니다.

"selected"클래스는 관련 페이지 div에만 첨부됩니다. "selected"클래스 이후의 div가 IE에서 제대로 작동하지 않습니다.

<div class='tabmenu'> 
<div onclick="document.location='Page1.php'">Page1</div> 
<div onclick="document.location='Page2.php'">Page2</div> 
<div class="selected" onclick="document.location='Page3.php'">Page3</div> 
<div onclick="document.location='Page4.php'">Page4</div> 
<div onclick="document.location='Page5.php'">Page5</div> 
</div>

CSS :

.tabmenu {text-align: left; margin: 15px 0px 15px 0px;font: bold 12px sans-serif;border-bottom: 1px solid #ff6600;padding: 3px;} 
.tabmenu div {display: inline;padding: 3px 5px;border: 1px solid #000;background-color: #ddddff;color: #333;margin-left: 5px;border-bottom: none;cursor: pointer;} 
.tabmenu .selected {border:1px solid #ff6600;border-bottom: 1px solid #fff;background-color: #fff;color: #ff6600;position: relative;}

예 :

클릭 페이지 1 페이지 2 상 ->은 (전용 IE)에서 Page5로 이동합니다.
페이지 1을 클릭하면 페이지 1 -> 페이지 5로 이동합니다 (IE에서만).
페이지 5를 클릭하면 Page3 -> 페이지 5로 이동합니다 (IE에서만).
페이지 1을 클릭하면 페이지 2 -> 페이지 1로 이동합니다 (정상적으로 작동 함).
페이지 2를 클릭하면 Page3 -> 페이지 2로 이동합니다 (정상적으로 작동 함).
페이지 3을 클릭하면 Page5 -> 페이지 3으로 이동합니다 (정상적으로 작동 함).

Iam 매우 붙어 있습니다. 이것이 실패한 이유는 무엇입니까? 감사합니다

출처

2011-11-25 ripref

''태그의 문제점은 무엇입니까? 왜 'onclick'이 사방에? – richsage

난 그냥 IE 8에서 실행하고 잘 작동합니다. IE의 어떤 버전을 사용하고 있습니까? 또한 IE에서 Javascript를 사용하도록 설정하십시오.

출처

2011-11-25 12:22:53 Boundless

첫 번째 글을 편집했습니다. 방금 "선택한"클래스와 관련이 있다는 것을 알았습니다. 그 클래스 다음의 div는 ie에서 제대로 작동하지 않습니다. – ripref

IE가 div onclick 이벤트를 트리거하는 것에 대해 혼란스러워합니다.

답변

관련 문제