在頁面加載時隱藏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

如果您使用JS，它將首先閃爍，因為腳本必須首先加載，這意味着在加載之前，div將在DOM上保持可見。

最簡單的方法是為div提供一個CSS類的display類，如下所示。 這樣，當頁面被加載時，它將已經被隱藏。

<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();
});