jquery - JQuery .show/.hide 和 CSS 可见性的区别 :hidden

Question

我正在尝试使用 JQuery 显示和隐藏 Div 元素:

$("#Progress").hide("fast");

但是我需要将 div #Progress 元素设置为隐藏才能开始。

     <div style="height:30px;margin-top:5px">
        <div id="Progress" style="visibility:hidden">
            <div style="float:left"> <img src="../../../../Content/images/ProgressSpinner.gif"/></div>
            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Saving.......</div>
        </div>
    </div>

似乎如果我每次加载时都使用 JQuery 来隐藏它，我会得到一个闪烁的效果，因为它在加载时一直隐藏它。所以我真的希望它隐藏起来，直到我在 JQuery 中显示。

我确实尝试使用 CSS“Visibility”属性，但我的 JQuery .Show("fast") 命令对其没有影响，因此保持隐藏状态。

那么将 div 默认隐藏的最佳方法是什么，以便 JQuery .Show 命令可以在相关时显示 Div，即单击链接时。

    $(document).on("click", ".edit-link", function (e) {

Answer 1

您需要在您的元素上设置显示属性:

#Progress {
    display: none;
}