页面加载时引导警报危险隐藏

Posted 2023-02-22

【中文标题】页面加载时引导警报危险隐藏

【英文标题】：bootstrap alert-danger hide when page loads

【发布时间】：2017-05-04 10:45:41

【问题描述】：

我正在使用 twitter 引导程序和警报元素在我的网页中使用，我想将其用作页面顶部的验证摘要。

我遇到的问题是，当我在 create.chstml 页面上使用“alert alert-danger”时，默认情况下会在页面加载时显示红色警告栏。

实际验证适用于他们应该的表单字段，但是，我只需要找到一种在页面加载时隐藏此警告栏的方法，然后在单击我的创建按钮时启动它。

我尝试了一些引导属性，例如 Hidden:hidden，但这似乎不起作用。我可以使用 javascript 来完成此任务并将其链接到我拥有的按钮创建吗？

这是我在 create.cshtml 上的引导程序

        <div class="form-horizontal">
            <div class="row" >
                <div class="alert">
                    @Html.ValidationSummary(false, " ", new  @class = "text-danger alert alert-danger" )
                </div>
            </div>
       </div>

【问题讨论】：

ddddddduplicate 查看答案here

【参考方案1】：

只需使用 hide 引导类，当您单击按钮时，您可以删除该类。

<div class="form-horizontal">
   <div class="row" >
      <div class="alert hide"> //add class here
          @Html.ValidationSummary(false, " ", new  @class = "text-danger alert alert-danger" )
      </div>
   </div>
</div>

它将在页面加载时隐藏警报，并根据需要在按钮单击时工作。

【讨论】：

@CodeLover 谢谢你的上述。只是另一个问题......这是我的按钮代码...... 我可以添加按钮类的“警报隐藏”类与“btn btn-primary”一起使用，还是需要在整个按钮周围添加一个额外的类？

@BettyLazzari 为什么要使用按钮添加警报隐藏类？如果您将在按钮上添加类隐藏，则该按钮将被隐藏（不是那个意思）。需要明确的是，您可以使用任何元素添加任何类。

.hide 类有效，但已弃用。最好使用 .hidden 类。 ***.com/questions/18568736/…