I am using DataTables. The table is created using JSTL. Example;
<c:forEach items="${....}" var="registrationObject" varStatus="rowCounter">
<tr>
<td>
<input class="registrationObjectEntry" id="<c:out value="${registrationObject.registrationPrimaryId}" />" name="... />
</td>
<td>... </td>
</tr>
</c:forEach>
DataTables is setup as follows;
$("#displayTable").dataTable({
"bJQueryUI": true,
"bPaginate": true,
"sPaginationType": "full_numbers",
"bScrollCollapse": true,
"bAutoWidth" : false
});
When the user clicks on the input. The system should call a JQuery script. Example;
$(".registrationObjectEntry").click(function(){
alert("Here");
});
This is the problem. The system works on the first page. When the user clicks on the button. The message "here" is displayed. However, when the user goes to the next page in the dataTables. The message "here" is NOT displayed when the user clicks on the button.
It seems as if the entry is not connected with the JQuery system.
<c:forEach items="${....}" var="registrationObject" varStatus="rowCounter">
<tr>
<td>
<input class="registrationObjectEntry" id="<c:out value="${registrationObject.registrationPrimaryId}" />" name="... />
</td>
<td>... </td>
</tr>
</c:forEach>
DataTables is setup as follows;
$("#displayTable").dataTable({
"bJQueryUI": true,
"bPaginate": true,
"sPaginationType": "full_numbers",
"bScrollCollapse": true,
"bAutoWidth" : false
});
When the user clicks on the input. The system should call a JQuery script. Example;
$(".registrationObjectEntry").click(function(){
alert("Here");
});
This is the problem. The system works on the first page. When the user clicks on the button. The message "here" is displayed. However, when the user goes to the next page in the dataTables. The message "here" is NOT displayed when the user clicks on the button.
It seems as if the entry is not connected with the JQuery system.