javascript - div コンテンツをリロードし、テーブル要素を並べ替える

Question

ajax を使用して div の内容をリロードできますが、テーブルの内容を並べ替えることができません。sorttable.jsajaxを使用して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呼び出しが完了したら、ソート可能な関数を思い出してください。簡単なプロトタイプを以下に示します。

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

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