函數執行後的加載表

Question

我需要隱藏頁面的下面的表格，並在功能fnValidatefields()完全執行時立即顯示它。請提出一些建議。

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

Answer 1

最標準和便捷的方式將最初隱藏表由樣式定義像

.yourTableClass { 
    display: none; 
} 

和你fnValidatefields功能中，您重置該值。

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

Answer 2

將樣式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 3

試試這個：

<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 4

在第一隱藏你的表：

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

而在你fnValidatefields（ ）你可以使用

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