OnClick事件在jQuery中不起作用

Question

我有这3个div:

<div id="home_type">2 Storey</div>
<div id="home_type">Bungalow/ Bungalow Loft</div>
<div id="home_type">Townhome</div>

我有这个onclick事件:

$('#home_type').click(function(){
    alert('hi');
});

但它只适用于第一项,这是我的jfiddle(也不起作用,抛出错误Uncaught ReferenceError: $ is not defined)

http://jsfiddle.net/o1arL1q7/1/

当我点击我网站上的某个项目时,我没有收到任何错误,我只收到第一个项目的提醒.我怎样才能解决这个问题？

Answer 1

这是因为id属性必须是唯一的.试试这个(替换一个类的id):

HTML

<div class="home_type">2 Storey</div>
<div class="home_type">Bungalow/ Bungalow Loft</div>
<div class="home_type">Townhome</div>

JS

$('.home_type').click(function(){
    alert('hi');
});

*jsFidle抛出的错误是因为缺少jQuery引用.您可以将它包含在Framework&Extensions菜单中.