jquery IE에서 복수 토글 IE에서 복수 토글 문제가있는

Question

임. IE (-_-)를 제외한 다른 모든 브라우저에서 제대로 작동합니다. 아래 코드는 내 코드의 추상입니다 .basically im 첫 번째 하이퍼 링크를 클릭하면 팝업 알림을받을 수 있습니다. 내가 다음 링크

$(document).ready(function(){ 

$("a#toggleFruitSlideBox").click(function() { 
      alert($(this).text()); 
     return false; 
    }); 
}); 

<div id="bodykit_slidebox"> 
<div style="padding:5px 0px 0px 5px;"> 
    <a id="toggleFruitSlideBox" href="#" class="nav2">apple</a> 
    <a id="toggleFruitSlideBox" href="#" class="nav2">orange</a> 
    <a id="toggleFruitSlideBox" href="#" class="nav2">DURIAN</a> 
    <a id="toggleFruitSlideBox" href="#" class="nav2">papaya</a> 
</div> 

Answer 1

당신은 그것을 잘못된 HTML입니다 같은 id 여러 요소가 클릭하면 더 팝업가 없었다!

확인은 여기에 대답의 나 : jQuery를 사용하지 않는 원인이

$("a#toggleFruitSlideBox") 

:
jQuery id selector works only for the first element

코드 및 다른 문제의 코드 사이의 유일한 차이점은 당신이 나쁜 선택을 사용하는 것입니다 document.getElementById이므로 다른 브라우저에서도 작동합니다. JQuery와 워드 프로세서

:

ID 선택기 용은 jQuery를 매우 효율적 JavaScript 함수 document.getElementById를()를 사용한다. h2 # pageTitle과 같은 다른 선택기가 id 선택기에 연결되면 jQuery는 요소를 일치 항목으로 식별하기 전에 추가 검사를 수행합니다.

중복 된 ID를 제거하고 클래스 선택기와 같은 다른 선택기를 사용하십시오.

Answer 2

문제는 모든 ID가 동일하다는 것입니다. 이드는 유일해야한다. 클래스를 사용하거나 모든 태그에서 발생하는 경우 신경 쓰지 않으면 선택기를 사용하십시오.