2011-01-27 6 views
1

私はこれを解決するいくつかの方法を試しましたが、回避することができませんでした。モーダルスクリプトの実行中にメッセージを読み込む

基本的には、ページがデータテーブルの読み込みをロードするが、外部スクリプト(DataTables @ datatables.net)によって解析され、機能が追加されるため、JavaによってDOMに与えられている大きなデータテーブルがあります。グリッド。問題は、テーブルがスタイルのないページに表示され、データテーブルスクリプトの機能がなく、スクリプトが実行された後に消えてリロードすることです。

私がしたいことは、ページ上のすべてのコンテンツをページ上のjQuery経由で非表示にしてから、スクリプトが実行されたら表示して、モーダル読み込みダイアログを閉じます。

私の質問です:すべてのスクリプトが実行されるまでモーダルを介して読み込みメッセージを実行する方法はありますか?テーブルのデータはかなり大きく(2000レコード)、コンパイルに時間がかかります....

ありがとうございました!私は何をしようとすると、

<div style="display:none"> 
    Put datatable here. 
</div> 

のような隠し要素にデータテーブルをロードしている

+0

/このようなものを隠す:http://jquery.malsup.com/block/データテーブルのコールバック経由ですか? – polarblau

答えて

0

は(JavaScriptで、それはすでにDOMと見えるの一部であるべきではない)のロードと言うモーダルを表示し、そして、JSが、私はこのような何かをするだろう仕事をしている何のためにコールバックで:

function myCallBack() 
{ 
    $('#loadingModal').hide(); 
    $('#dataTableDiv').show(); 
} 
+0

この問題は、すべてのデータがあるまでページがロードされないため、ページがロードされるまでモーダルが表示されず、ロードされたテーブルが表示されます。 – Alex

+0

モーダルをロードしませんjavascript。そのすぐそこにある。準備ができたらJSを使用して非表示にします。私の答えをより明確に変更しました。 – Jason

0

私はこれをやって考えることができる唯一の方法は、Ajaxを介してデータとそれのためにすべてを読み込むことであろう。そうすれば、非常に速いページを読み込んでモーダルダイアログを表示することができます。ダイアログを閉じるために使用できる応答を送信するテーブルのajaxを開始します。

関連する問題