javascript - 如何使动态插入的 html 对象可点击？

Question

到目前为止我有:

function createLink(text, parentElement) {
    var a = document.createElement('p');
    $( parentElement ).on( 'click', 'a', function () { goMainMenuFromResults();});
    var linkText = document.createTextNode(text);
    a.appendChild(linkText);
    temp1 = text.replace("/","-");
    parentElement.appendChild(a);
    var br = document.createElement('br');
    parentElement.appendChild(br);

}

但是动态点击任何元素都没有任何反应!

Answer 1

之前:

$( parentElement ).on( 'click', 'a', function () { goMainMenuFromResults();});

之后:

$( parentElement ).on( 'click', 'p', function () { goMainMenuFromResults();});