事件单击不在td元素中的多个锚标记上运行相同的类

Question

我正在使用dataTables插件将数据显示为网格，但是他们是属性格式化程序，其中我在td中附加锚点以及在此上应用类但是当我绑定事件时它不会触发而是它的刷新页面我我不知道为什么任何一个人都能纠正这个问题。

它在网格中显示完美的图像以及类显示但是当我点击时点击事件触发其刷新页面的行为被打破。

main.js： -

$(".deleteRequest a").click(function (e) {
    e.preventDefault();
    console.log("click");
    var r=confirm("Are u sure you want to delete This Request info");
            if (r==true)
            {

            }           
});

 formatter: function (timeOutes) {
                    $.each(timeOutes, function (index, timeOut) {
                        timeOut.id = '<a attrId = " ' + timeOut.id + '" href="" class="deleteRequest"><i class="icon-trash"></i></a>';
                    });
                }

Answer 1

您需要阻止链接默认操作（最有可能回发） -

e.preventDefault(); //add me to your click handler!