当包含在 slickgrid 单元格中时，jQuery 单击事件不会触发锚点

Question

我有 slickgrid 设置以使用 RowSelectionModel 以及包含使用 customFormatter 的超链接设置的列（轻微修改以保护无辜者）：

function linkFormatter(row, cell, value, columnDef, dataContext) {
    return "<a href='#' rel='XYZ'>View</a>";
}

使用以下点击事件处理程序：

$('a[rel=XYZ]').on('click',function (e) {
    $(this).replaceWith('some html');
});

上述处理程序永远不会为网格内的链接触发。如果我在 slickgrid 之外创建链接，它可以正常工作，表明我的选择器和函数是有效的。

如果我将 JavaScript 函数挂接到 <a> 标记中，它可以正常工作，但我真的宁愿让我的 js 不引人注目。关于如何让点击处理程序触发嵌入在 slickgrid 单元格中的超链接的任何建议？

Answer 1

$('PARENT_ELEMENT').on('click','a[rel=XYZ]',function (e) {
    $(this).replaceWith('some html');
});

只需确保在绑定事件时存在'PARENT_ELEMENT'。最安全的方法是使用'body' 或document 作为'PARENT_ELEMENT'。

Answer 2

我没有使用 slickgrid，但我怀疑您在填充网格之前附加了事件处理程序。有没有onGridDataLoaded 或类似的事件可以挂钩？

here 的例子使用了类似的东西：

loader.onDataLoaded.subscribe(function () {
    // rewire handlers
}) 

Answer 3

正如蒂姆所说，你可以像这样使用同样的东西：

$(document).on('click', 'a[rel=XYZ]', function (e) {
    $(this).replaceWith('some html');
});