2011-06-24 59 views
1

它已经不可能在标签标签上附加点击事件,但我不明白为什么。jQuery没有触发点击标签标签

jQuery的LIB是:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" 
     type="text/javascript"></script> 

<script language="javascript" type="text/javascript"> 

    $(document).ready(function() { 
     $('label').('click', function() { 
      alert("this is the click on label!"); 
      return false; 
     }); 
    }); 
</script> 

我查看MVC 2.0页上我有一个用于向FECH国家名单,以一组复选框绑定:

<label><input id='country_<%=country.CountryID%>' 
     type="checkbox" name="country" value="on"/> <%=country.CountryName %> 
</label><br /> 

当我点击label在IE9,Chrome 12或Firefox 5上没有任何反应。

+0

我注意到,有一些问题,把一个透明图像上面漂着我'label'时。当我将这个标签移动到这个div的外面或注释浮动的透明图像时,标签点击会再次起作用。 –

回答

5

看起来您正在尝试bind

$("#foo").bind('click', function(){ 
    alert("Clicked"); 
}); 

您似乎省略了bind方法名称。另外,您也可以通过直接访问点击方法设置点击:

$("#foo").click(function(){ 
    alert("Clicked"); 
}); 
+0

是的,它现在与Click一起工作,我也更改为jQuery 1.6 –

1
$(document).ready(function() { 
    $('label').click(function() { 
     alert("this is the click on label!"); 
     return false; 
    }); 
});