javascript - 如何将点击事件绑定(bind)到表头内的 Div

Question

<table class="table lsttabl">
    <thead>
    <tr>
        <th><div id="NameLabel">Customer Name</div></th>
        <th>Email</th>
        <th>Registered</th>
        <th id="Date1Label">Created Date</th>
        <th id="Date2Label">Last Updated Date</th>
        <th id="Date3Label">Expiry Date</th>
        <th id="UserCountLabel">User Count</th>
        <th>Active</th>
        <th>Configure</th>
        <th>Edit</th>
    </tr>
    </thead>

    <tbody> 
    </tbody>
</table> 

我正在尝试使用下面的代码绑定(bind)事件

$("#NameLabel").click(function () { alert("hello"); });

我尝试了很多变体，但它不工作..请分享您的知识。

Answer 1

如果此代码是在页面加载后动态添加的，您可能需要使用委托(delegate)函数。

$('body').delegate('click','#NameLabel',function(){
  alert("hello");
});

这里我使用了 body 选择器，因为我可以确定 body 元素在页面加载时就在那里。如果有另一个父元素要将动态内容加载到其中，则可以使用它而不是将事件附加到正文。