引导带隐藏面板在页面加载时可见一秒钟

Question

我们最近搬到了bootstrap并遇到了这个问题。我有一个错误消息标签设置，只有在出现错误时显示，但在页面加载时，它会在应该隐藏时显示一秒。                 

            <div class="col-sm-12">
                <asp:Label ID="lblError" runat="server"></asp:Label>
            </div>
        </div>
    </div>

var error = $("#MainContent_lblError").text();
        if (error != '') {
            $("#pnlError").show()
        }
        else { $("#pnlError").collapse('hide') };
    });

Answer 1

在你的css文件中添加一个样式

#pnlError {

    display:none;

}

Answer 2

这就解决了我的问题                   

            <div class="col-sm-12">
                <asp:Label ID="lblError" runat="server"></asp:Label>
            </div>
        </div>
    </div>

  var error = $("#MainContent_lblError").text();
        if (error != '') {
            $("#pnlError").removeClass("hidden").addClass("alert alert-
danger")
        }
        else { $("#pnlError").removeClass("alert alert-
danger").addClass("hidden") };
    });