JSFiddle - React, Tailwind, and code Playground
HTML
<a class="LoadFromAjax" href="someurl">Load Ajax</a>
<div class="appendedContainer"></div>
JavaScript
$(".LoadFromAjax").on("click", function() {
event.preventDefault();
var url = $(this).attr("href"),
appendedContainer = $(".appendedContainer");
$.ajax({
url: url,
type : 'get',
complete : function( qXHR, textStatus ) {
// attach error case
if (textStatus === 'success') {
var data = qXHR.responseText
appendedContainer.hide();
appendedContainer.append("<a href='#' class='mylink'>Hi</a>");
appendedContainer.fadeIn();
}
}
});
});
$(document).on("click", '.mylink', function(event) {
alert("new link clicked!");
});