1
$(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

4

3 回答 3

5

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

最简单的方法是给你的 div 一个 CSS 类的 display none,如下所示。这样,当页面加载时,它就已经被隐藏了。

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

 hide-div { 
     display: none;
 }

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

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

希望这可以帮助。

于 2013-06-09T23:06:04.367 回答
2

尝试这个:

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

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

于 2013-06-09T23:07:47.477 回答
1

尝试这个:

$(document).ready(function(){
  $("#divLimitPrice").hide();
});
于 2013-06-09T23:04:11.737 回答