时间戳

首页 > 解决方案 > Bootstrap，第一次数据切换点击不起作用或数据不显示

html - Bootstrap，第一次数据切换点击不起作用或数据不显示

问题描述

我最初尝试设置<div id="rowAngleOutputDiv0">扩展。此处描述了相同的问题 Bootstrap data-toggle collapses div after second click, not first。我已经class="collapse in"按照描述添加了。但就我而言，该解决方案不起作用。如果我添加class="collapse in"， div 元素初始将被隐藏。

  1. 如何设置<div id="rowAngleOutputDiv0">初始扩展并避免“引导数据切换第一次单击不起作用”问题？

  2. 如果我离开class="collapse in"，那么即使我单击按钮显示所有孩子也会被隐藏。class="collapse (in)"如果已设置，如何在单击按钮后使这些孩子可见？

    <button data-toggle="collapse" data-target="#rowAngleOutputDiv0"></button>
<div id="rowAngleOutputDiv0" class="collapse in">

    <div class="row">
        <div id="angleOutputDiv0">
            <canvas id="angleOutput0"></canvas>
        </div>
        <div>
            <div id="dygraphOutC0"></div>
            <div id="dygraphOutC1"></div>
            <div id="dygraphOutC2"></div>
        </div>
    </div>
</div>

标签： htmlcsstwitter-bootstraptoggle

解决方案

替换class="collapse in"为class="collapse show"。

这个问题 Bootstrap collapse class 没有正确切换， 将我稍微引导到解决方案

推荐阅读