html - 如何在页面加载时使切换按钮默认处于事件状态

Question

我有这三个 Bootstrap 切换按钮，可以根据需要改变屏幕尺寸。

现在，我一直在尝试在页面加载时将这些按钮之一默认设置为“事件”。

代码如下:

<div class="vd_panel-menu hidden-sm hidden-xs" data-intro="<strong>Expand Control</strong><br/>" data-step=5  data-position="left">
    <div data-action="remove-navbar" data-original-title="" data-toggle="tooltip" data-placement="bottom" class="remove-navbar-button menu"> <i class="fa fa-arrows-h" ></i> </div>
      <div data-action="remove-header" data-original-title="" data-toggle="tooltip" data-placement="bottom" class="remove-header-button menu"> <i class="fa fa-arrows-v"></i> </div>
      <div data-action="fullscreen" data-original-title="" data-toggle="tooltip" data-placement="bottom" class="fullscreen-button menu"> <i class="glyphicon glyphicon-fullscreen"></i> </div>   
</div>

感谢任何帮助..

Answer 1

考虑第一个按钮并假设它处于事件状态，这意味着您的 Button Class 应该如下所示 class="remove-navbar-button menu active">

.active 是 bootstrap 的默认 css，只要你需要默认激活按钮。你必须通过简单地调用该类 active

Bootstrap toggle