質問

jQuery用のこの優れたテーブルズプラグインを見つけましたが、PHP生成テーブルで動作させることはできません。これがコードです:

<script type="text/javascript">


    function table() {

        $("#container").load("table.php?randval="+Math.random());

    }


    $(document).ready(function() { 

        table();
        $("table").tablesorter(); 
   }); 

</script>

ここで、#containerはテーブルがあるdivであり、テーブルはテーブルの名前です。テーブルがロードされますが、ソート機能は機能していません。

ページのHTMLに直接テーブルを置くと動作します。しかし、ソート用の静的テーブルを持っていることのポイントはわかりません。

どんな助けもとても感謝しています。

役に立ちましたか?

解決

$ .load()非同期リクエストを実行します。つまり、関数はデータが到着するのを待っていません。したがって $("table").tablesorter(); テーブルがドキュメントに追加される前に、おそらく実行されます。完全なイベントをロードするために、(さらに良い)ハンドラーを(さらに良い)渡すかどうか。

http://api.jquery.com/load/:

.load(url、[data]、[complete(responsetext、textStatus、xmlhttprequest))))
URL リクエストが送信されるURLを含む文字列。
データ リクエストでサーバーに送信されるマップまたは文字列。
Complete(responsetext、textStatus、xmlhttprequest) リクエストが完了したときに実行されるコールバック関数。
<script type="text/javascript">
  $(document).ready(function() { 
    $("#container").load(
      "table.php?randval="+Math.random(),
      null,
      function (responseText, textStatus, req) {
        $("table").tablesorter();
      }
    );
  }); 
</script>
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top