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

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

最简单的方法是给你的div一个CSS类，显示如下。这样，当页面加载时，它将被隐藏。

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

 hide-div { 
     display: none;
 }

如果需要显示它，可以按如下方式使用jQuery：

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

希望这有帮助。

Answer 2

试试这个：

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

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

Answer 3

试试这个：

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

隐藏页面加载上的Div控件

3 个答案: