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

到目前为止，我有：

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);

}

但是在动态单击任何元素时，什么也不会发生！

最佳答案

之前：

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

后：

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