函数执行后的加载表

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