javascript - 无法隐藏 HTML 表格

Question

我在使用 javascript/jQuery 隐藏 html 表时遇到了奇怪的困难。我已经尝试过以下两种方法:

document.getElementById('tblQuickTools').style.display = 'none';
$('#tblQuickTools').hide();

我已单步执行代码以确保命中了这些行。该表的 HTML 如下。

<table cellpadding="0" cellspacing="0" width="38%" id="tblQuickTools">
    <tr>
        <td class="outerTableTopLeftSmall">
        </td>
        <td colspan="4" class="outerTableTopRepeatSmall">
        </td>
        <td class="outerTableTopRightSmall">
        </td>
        <td class="outerTableTopLeftSmall">
        </td>
        <td colspan="2" class="outerTableTopRepeatSmall">
        </td>
        <td class="outerTableTopRightSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableLeftRepeatSmall">
        </td>
        <td colspan="4">
            <img src="identity.gif" border="0" />
            <strong><big>Quick Tools</big> </strong>
        </td>
        <td class="outerTableRightRepeatSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableLeftRepeatSmall">
        </td>
        <td colspan="4">
            <strong>
                <hr />
            </strong>
        </td>
        <td class="outerTableRightRepeatSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableLeftRepeatSmall">
        </td>
        <td>
            <a id="btnDownloadAll" onclick="LaunchSignOffMultiDownloader(this);this.blur();return false;"
                href="javascript:void(0);" class="btnMed"><span>Download All</span> </a>
        </td>
        <td>
            &nbsp;
        </td>
        <td>
            <a id="btnReplaceAll" onclick="LaunchSignOffMultiUploader(this, true);this.blur();return false;"
                href="javascript:void(0);" class="btnMed"><span>Replace All</span> </a>
        </td>
        <td>
            <a id="btnRetainAll" onclick="RetainAllSignOffDocuments();this.blur();return false;"
                href="javascript:void(0);" class="btnMed"><span>Retain All</span> </a>
        </td>
        <td class="outerTableRightRepeatSmall">
        </td>
    </tr>
    <tr>
        <td class="outerTableBotLeftSmall">
        </td>
        <td colspan="4" class="outerTableBotRepeatSmall">
        </td>
        <td class="outerTableBotRightSmall">
        </td>
    </tr>
</table>

我检查过，tblQuickTools 已加载。所以这不是加载问题。我可以尝试使用 $(document).ready() 但我对此感到担心。 tblQuickTools 位于位于母版页中的 aspx 页面内的选项卡内。单击时，该选项卡通过 AJAX 加载。隐藏代码在 tabLoaded() 函数中运行。如果我使用 $(document).ready() 我不确定它将触发哪个文档就绪，选项卡，页面还是母版页。

Answer 1

如果您试图在页面显示后隐藏此表格，它可能还不存在。如果是这种情况，请尝试以下操作:

$(document).ready(function(){
    $('#tblQuickTools').hide();
});

它将在页面完全呈现后启动 $('#tblQuickTools').hide();。