javascript - 関数の実行後にテーブルをロードする

Question

以下のテーブルonLoadのページを非表示にして、関数fnValidatefields()が完全に実行されたらすぐに表示する必要があります。いくつかのポインタを提案してください。

<input type='button' name='button' value='Find' onclick="fnValidatefields()">
<table><tr><td></td><tr></table>

Answer 1

display: none;テーブルにスタイルを追加し、関数が正常に実行された後でスタイルを変更します。

<input type='button' name='button' value='Find' onclick="fnValidatefields()">
<table style="display: none;" id="table1"><tr><td></td><tr></table>

fnValidatefields() {
    //ur code...
    document.getElementById("table1").style.display = "";
}

Answer 2

これを試して：

<input type='button' name='button' value='Find' onclick="fnValidatefields()">
<table style="display:none;" id="tbl"><tr><td></td><tr></table>

スクリプト ファイルでは、次のように使用します。

function fnValidatefields()
{
   //code...

   $("#tbl").show();
}

Answer 3

最も標準的で便利な方法は、最初に次のようなスタイルシート定義でテーブルを非表示にすることです。

.yourTableClass {
    display: none;
}

関数内で、fnValidatefieldsその値をリセットします。

function fnValidatefields() {
    // ...
    $('.yourTableClass').show();
}

Answer 4

最初にテーブルを非表示にします：

$('table.hideTable').hide();

そして、あなたの fnValidatefields() で使用できます

$('table.hideTable').show(); // Shows the table again