IE上的jQuery多重切換

Question

即時通訊在IE上多次切換的問題。它可以與除IE之外的其他所有瀏覽器一起正常工作（-_-）。下面是我的code.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

你有相同的id這是一個無效的HTML多種元素點擊！

檢查我的答案在這裏：
jQuery id selector works only for the first element

您的代碼和其他問題的代碼之間的唯一區別是，你使用一個壞的選擇：

$("a#toggleFruitSlideBox") 

造成的jQuery不使用document.getElementById，所以這就是它在其他瀏覽器中工作的原因。

從jQuery文檔：

對於id選擇，jQuery使用JavaScript函數的document.getElementById（），這是非常有效的。當另一個選擇器連接到id選擇器（如h2＃pageTitle）時，jQuery在將該元素標識爲匹配之前執行額外的檢查。

刪除重複的id並使用其他選擇器，如類選擇器。

Answer 2

看起來問題是所有的ID都是一樣的。 Id的應該是獨一無二的。要麼使用一個類，要麼只是使用一個選擇器，如果你不關心它是否觸發所有的標籤。