jquery - 可点击单元格不调用 onClick 函数

Question

如何创建可触发 JavaScript 函数的可点击网格单元？

我提供此作为该专栏的模板 模板:

'<a href="\\#" class="group-details-popup">#=groupRefId#</a>' 

然后添加一个像这样的函数来搜索该类并添加一个点击监听器:

$(".group-details-popup", grid.tbody).on("click", function (e) {
         // do something
});

但是当我单击单元格时我的函数永远不会被调用；单元格中的值确实显示为链接，但没有触发任何事件。

Answer 1

我的猜测是，当您尝试访问 grid.tbody 时，您会收到错误，因为它未定义。您需要将其用引号引起来:

$(".group-details-popup", ".grid tbody").on("click", function (e) {
         // do something
});

我在上面假设 grid 是一个类，并且您希望将处理程序绑定(bind)到该类中的 tbody 元素。否则，你的 jQuery 没问题(假设你已经正确包含它):

http://jsfiddle.net/GwYcf/