页面加载时隐藏Div控件

Question

$(function () {
        $("#divLimitPrice").hide();
        $('#divLimitPrice').hide(); //even tried it with ''
    });

 <div id="divLimitPrice">Limit Price<br />
 <asp:TextBox ID="txtLimitPrice" runat="server"></asp:TextBox>
 </div>

我的理解是，这应该是可行的……它想和我打架。有什么方法可以让它屈服吗？谢谢大家！-G

Answer 1

试试这个：

 <div id="divLimitPrice">Limit Price<br />
 <asp:TextBox ID="txtLimitPrice" runat="server"></asp:TextBox>
 </div>
<script>
    $(function () {
            $("#divLimitPrice").hide();
        });
</script>

我认为你的问题是JS在页面加载之前就执行了。

Answer 2

如果您使用JS，它将闪烁，因为脚本必须先加载，这意味着在加载之前，div将在DOM上保持可见。

要做到这一点，最简单的方法是给div一个显示的CSS类，如下所示。这样，当页面加载时，它就已经被隐藏了。

<div id="divLimitPrice" class="hide-div">Limit Price<br />

 hide-div { 
     display: none;
 }

当您需要显示它时，您可以使用jQuery，如下所示：

$('#divLimitPrice').removeClass('hide-div')

希望这能有所帮助。

Answer 3

试试这个：

$(document).ready(function(){
  $("#divLimitPrice").hide();
});