When making an AJAX call and generating HTML on the backend side, the result may not display with the desired properties such as cursor styling. For example, using jQuery to render JSON data:
$(data.message).each(function (index, value) {
$('#states_table tbody').append('<td>' + value.edit_link + '</td>');
});
The HTML stored in value.edit_link looks like this:
<a id="edit_0"
title="Edit"
onclick="javascript:return false;"
class="edit"
>Edit</a>
However, the resulting link may not have the expected hand cursor. This could be due to the DOM not recognizing these new elements during the initial page rendering. To address this issue, a solution may involve:
https://i.sstatic.net/CLsIV.png
If you wish to style the links with cursor: hand, you may need to find a way to make the DOM aware of these new elements. This could potentially involve reapplying CSS rules or adjusting properties dynamically.