javascript - 重新加载 div 内容并对表格元素进行排序

Question

我可以使用 ajax 重新加载 div 内容，但无法对表格内容进行排序。sorttable.js使用 ajax 重新加载 div 后无法正常工作。

我浪费了很多时间来寻找解决方案。请任何人建议我如何重新加载 div 内容并对表格进行排序。

xmlHttp.onreadystatechange = function(){ 
    if(xmlHttp.readyState==4){ 
        document.getElementById('displayarea').innerHTML = xmlHttp.responseText;
        setTimeout('AutoRefreshValid()',75*1000); // JavaScript function calls AutoRefresh() every 75 seconds 
    } 
} 

xmlHttp.open("GET","RPT_STATUS_AJAX_DIV_REAL_ADMIN.jsp?order=<%=strOrder%>&Order‌​By=<%=strOrderBy%>",true); 

xmlHttp.send(null);

Answer 1

当您的 ajax 调用完成时，请重新调用您的 sortable 函数。下面给出一个简单的原型。

$.ajax({
  url: 'your_url',
  success:function(resp) {
    // put content in div

    $('element').sortable();
  }
});