javascript - Bootstrap 崩溃和 ui-router

Question

我对 ui-router 和使用 bootstrap collapse 有疑问。

<div class="panel panel-default" id="accordion" >
    <div role="tab" id="headingOne">
       <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
            Click me
        </a>
    </div>
    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
            Data
    </div>
</div>

这是页面 localhost/#/root/mypage/。因此，“单击我”指向 localhost:\#collapseOne，这会将我 Bootstrap 至我网站的默认页面。

Answer 1

您可以简单地通过使用 data-target 属性(将做同样的工作)而不是使用影响路由的 href 属性来解决您的问题

标记

<div class="panel panel-default" id="accordion" >
    <div role="tab" id="headingOne">
       <a role="button" href="javascript:;" data-toggle="collapse" data-parent="#accordion" 
          data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
            Click me
        </a>
    </div>
    <div id="collapseOne" class="panel-collapse collapse" role="tabpanel"
     aria-labelledby="headingOne">
        Data
    </div>
</div>