jquery - 按钮未在数据表中触发

Question

我使用 datatable jquery 插件创建了一个表。以下是使用的json

{
"aaData":[{
"Month": "Jan-2013",
"Comments": "",
"Details": " <button class='dialog-link'>View</button>"
}]
}

正如预期的那样，创建了一个按钮。

然后我对此进行了一些 jquery 操作

 $(".dialog-link").click(function (event) {
    console.log("clicked");
    window.open('details.aspx', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=850,height=650');
    return false;
});

此功能不起作用...调试中没有错误，但父窗口被刷新并且没有子窗口(details.aspx)打开...这里出了什么问题

Answer 1

试试这个:

$(document).on('click', ".dialog-link", function (event) {
    console.log("clicked");
    window.open('details.aspx', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=850,height=650');
    return false;
});

.click() 有一个恼人的倾向，即无法处理页面加载事件完成后动态添加到 DOM 的元素。这就是 .click、.bind 和 .live 被弃用的原因之一。