Question

我使用javascript调用加载html，这个html有Bootstrap Collapse。

<li class="dd-item" data-id="home">
<div id="panel1" class="panel panel-default panel-collapsed">
    <div class="panel-heading">
        <div class="panel-actions">
            <a role="button" data-collapse="#panel1"  class="btn btn-sm btn-icon">
                <i class="icon ion-chevron-down"></i>
            </a>
        </div>
        <h3 class="panel-title">Home</h3>
    </div>
    <div class="panel-body" style="display: none;">
        <p>some text</p>
    </div>
</div>
</li>

Answer 1

data-toggle="collapse"和data-target="#id"是您的引导程序能够运行所需的内容，data-toggle="collapse"将告诉bootstrap崩溃函数，而data-target="#text"指向{{1} html标签将执行切换崩溃。

在您的代码中，替换此行，

id

与

  <a role="button" data-collapse="#panel1"  class="btn btn-sm btn-icon">

其中<a role="button" data-collapse="#panel1" class="btn btn-sm btn-icon" data-toggle="collapse" data-target="#text">是#text ID。在你的

div

删除此内联css样式<div class="panel-body" style="display: none;">并输入id属性style="display: none;"。看起来像这样，

id="#text"

然后你去。

如何使用javascript

1 个答案: