解除动态创建元素的单击事件

Question

我在页面上有一个动态创建并进行重定向的链接。我想停止它并在点击后显示我的弹出窗口。我能够使用jQuery .on(...)绑定我的click事件。

显示弹出窗口后，它仍会重定向。如何停止重定向事件？

我试过

1. event.preventDefault();

2. event.stopImmediatePropagation();

3. event.stopPropagation();

4. 和return false;

没有任何效果。请帮忙。

这是我将点击事件绑定到动态元素的代码片段。

$（文件）。在（ '点击'， 'a.custom'，函数（事件）{

/ *尝试了两者，它仍然重定向* /

event.preventDefault（）;

event.stopImmediatePropagation（）;

}）;

Answer 1

DEMO

<a class="customerResultIndex">Click Me</a>

$(function(){
    $('.customerResultIndex').on('click',function(){
        openCustomerOverlay();
    })

});
function openCustomerOverlay(){
    var node = "Hi Mr";

    var overlayContainer = 
    '<div class="customerOverlayShadow">'+
        '<div class="customerOverlay borderRadius10px">'+
            '<h2 class="customerPopHeading">-- </h2>'+
        '</div>'+
    '</div>';

    $("body").prepend(overlayContainer).focus();
    $('.customerPopHeading').text(node);

};