0

我正在尝试使用 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“可见性”属性，但我的 JQuery .Show("fast") 命令对它没有影响，所以仍然隐藏。

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

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

2 回答 2

3

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

#Progress {
    display: none;
}
于 2013-10-23T19:41:56.750 回答
1

a. If you don't want to see the flashing effect, don't use the .hide('fast').

But for your case, you could just do $("#Progress").hide();

On a side note, try .hide('slow') to see a slower hide.

b. .show("fast") has no effect because you have style="visibility:hidden" [which hides but takes up space on your page] on your progress div.

Remove that & replace with style="display:none" [hides & doesn't take up space on your page]

于 2013-10-23T19:49:04.343 回答