jQuery没有点击标签标签

Question

在标签标签上附加点击事件是不可能的,但我不明白为什么.

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>

在我的View MVC 2.0页面上,我有一个国家列表,要绑定一组复选框:

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

当我点击labelIE9,Chrome 12或Firefox 5 上没有任何反应时.

Answer 1

看起来你正试图绑定:

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

您似乎遗漏了bind方法名称.或者,您可以通过直接访问click方法来设置单击:

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