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

我们最近搬到引导程序并遇到此问题。我有一个错误消息标签设置为仅当出现错误时才显示，但在页面加载时它显示一秒，当它应该隐藏。引导带隐藏面板在页面加载时可见一秒

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

来源

2017-10-12 user3439450

所以默认使用CSS隐藏..... – epascarello

由于您使用JavaScript代码隐藏元素，因此只有在加载完整页面后才能运行。默认情况下，将class =“hidden”添加到元素标记中，然后您的javascript函数将显示或隐藏该元素，而不会在页面加载时显示该元素。 – MUlferts

当我添加class =“hidden”到元素标记时，即使它应该显示也不显示。 – user3439450

这是固定我的问题

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

来源

2017-10-12 13:34:24 user3439450

在CSS文件中添加样式

 
#pnlError { 

    display:none; 

}

来源

2017-10-12 12:27:47 Mahesh

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

回答

相关问题