与mozilla合作的疯狂jquery问题，而不是在其他人

Question

我有这个代码

$(function() { $('#ans_vote a span').click(function(){alert('working');return false;});});

和这个html

<div id="ans_vote">
<a href='#'><span>one</span></a>
</div>   

<div id="ans_vote">
<a href='#'><span>two</span></a>
</div>   

点击mozilla中的一个和两个它的工作 但是当点击一个，即它的工作，但点击两个它不工作

Answer 1

这应始终位于SO的首页：您的“ID”值在页面中必须是唯一的。

Answer 2

id应该是唯一的。改为使用类！

<script>
$(function(){ 
    $('.ans_vote a span').click(function(){
        alert('working');return false;
    });
});
</script>

<div class="ans_vote">
<a href='#'><span>one</span></a>
</div>   

<div class="ans_vote">
<a href='#'><span>two</span></a>
</div>   

Answer 3

我将你的jQuery函数放入$(document).ready(function() {....}，它也适用于IE（版本8）。但我建议您使用div的唯一ID。