Question

我正在使用Boostrap Collapse：http://v4-alpha.getbootstrap.com/components/collapse/，但是当崩溃中出现a href链接时，我遇到了问题。

现在，如果我点击崩溃中的任何一个href，div会崩溃，但这只会发生一个href链接如果事件没有发生，有人知道如何解决这个问题？

在该示例中，当我点击 link1 时，我的div崩溃，应该只是如果我再次点击 link1 ，那么现在发生的事情就是我点击任意内容如果我点击 link2 ，div里面的div元素就会崩溃了或 link3 。

我该如何解决这个问题？

有我的样本：

http://jsfiddle.net/SMZHG/12/

Answer 1

在该示例中，当我点击 link1 时，我的div崩溃并应该如果我再次点击 link1 ，就回来了，现在发生的事情就是我单击div中的任何锚元素，div折回，就像如果我点击 link2 或 link3 。

然后你必须使link1成为崩溃的触发元素而不是触发锚和可折叠div的整个li元素。

更正HTML

<ul>
    <li ng-click="linkClicked(2)" ng-class="{'current': activeLinks[2]}">

        <a data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
            link1<i class="pull-right fa fa-circle" aria-hidden="true"></i>
        </a>

        <div class="collapse collapse-styled" id="collapseExample">
            <a ng-click="linkClicked(2)" ng-class="{'current': activeLinks[2]}" href="#/session/assign">
                link 2 <i class="pull-right fa fa-calendar" aria-hidden="true"></i>
            </a>
            <a ng-click="linkClicked(3)" ng-class="{'current': activeLinks[3]}">
                link3 <i class="pull-right fa fa-list" aria-hidden="true"></i>
            </a>
        </div>

    </li>
</ul>

和jsfiddle

Bootstrap崩溃删除了崩溃div中的href事件

1 个答案: