datatablesの2ページ目以降でshadowboxで表示するhtmlがダイアログとして表示されない。

Question

jQueryのプラグイン、datatablesで作成した表の中から、shadowboxでhtmlで構成されたページをダイアログ（モーダル）表示しています。
1ページあたりの表示行数を10行などに制限している場合、1ページ目にあるshadowboxは正常に働きますが、2ページ目以降にあるリンクでは、shadowboxの表示にならず、ページ遷移が起こってしまいます。
この現象を解消する方法をご存知の方、教えていただけますでしょうか。

Answer 1

まだ表示されていない2ページ目以降の項目はまだhtmlタグ上に存在しないためshadowboxが適用されていないのだと思います。
対策としては、datatablesのイベントの都度shadowbox適用を実施すれば如何でしょうか。
例として

$("table").bind("draw", myFunc).dataTable();
function myFunc() {
    //処理
}

Comments

[shuta]

解決しました！ありがとうございました。

[blackonyx]

Goodです。

Answer 2

今更ですが。

blackonyxさんがおっしゃる通り、
イベント登録前にdataTablesがデータを隠してしまうのが原因のようなので、
jquery.dataTables.min.jsをイベントを登録するjsより後ろで読み込むようにjsの記述の順番を変えてみたらそれだけで直るのではないでしょうか。（僕の場合は直りました。）