jQuery 不会触发标签标签上的点击

Question

不可能在标签标签上附加点击事件，但我不明白为什么。

jQuery 库位于:

<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 页面上，我有一个用于获取国家/地区列表、绑定(bind)一组复选框的 for :

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

当我点击标签时，IE9、Chrome 12 或 Firefox 5 上没有任何反应。

Answer 1

看起来您正在尝试 bind :

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

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

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