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

执行函数后加载表

4 个答案: