Question

我将tablesorter与javascript一起使用，当用户单击表中的一行时，它将自动提交表单。在用户表的初始显示中，所有方法都可以正常工作，直到用户使用列箭头将表排序为新序列为止。届时，JavaScript将不再执行，这意味着它将不再自动提交表单，直到用户刷新页面为止。我完全处于黑暗之中，试图使其正常工作。

这是脚本：

<script type="text/javascript">
$(function(){
$('.trclass').click(function()
{
  alert("test called");
  var serviceID = this.id;
  alert("serviceID :: " + serviceID);
  document.getElementById("xID").value = serviceID;
  document.getElementById("hiddenForm").submit();
});
});
</script>

及其提交的表单：

<form id="hiddenForm" method="post" action="xxxxxxxxxx.php">
<input type="hidden" name="csrf_token" value="XXgeneratedToken"/>
<input type="hidden" name="userid" value="XXuserid"/>
<input type="hidden" name="typeAction" value="edit"/>
<input id="xID" type="hidden" name="ID" value=""/>
<input type="hidden" name="phase" value="1"/>
</form>

正在排序的表：

<tr height="10px" class="trclass" id="XXID">
<td style="width: 70px;">XXTitle</td>
<td style="width: 70px;">XXLast</td>
<td style="width: 70px;">XXFirst</td>
<td style="width: 70px;">XXPhone</td>
<td style="width: 70px;">XXEmailAddr</td>
<td style="width: 70px;">XXOptOut</td>
<td style="width: 70px;">XXAdmin</td>
<td style="width: 70px;">XXpg1</td>
<td style="width: 70px;">XXpg2</td>
<td style="width: 70px;">XXpg3</td>
<td style="width: 70px;">XXpg4</td>
<td style="width: 70px;">XXStatus</td>
<td style="width: 70px;">XXID</td>
</tr>

和标题：

<th style="width: 70px;">Title</th>
<th style="width: 70px;">Last</th>
<th style="width: 70px;">First</th>
<th style="width: 70px;">Phone</th>
<th style="width: 70px;">Email</th>
<th style="width: 70px;">OptOut</th>
<th style="width: 70px;">Admin</th>
<th style="width: 70px;">Group 1</th>
<th style="width: 70px;">Group 2</th>
<th style="width: 70px;">Group 3</th>
<th style="width: 70px;">Group 4</th>
<th style="width: 70px;">Status</th>
<th style="width: 70px;">ID</th>

有人可以帮助我解决这个问题吗？我正在拔头发，而且还剩下很多。谢谢。

表排序问题

0 个答案: