Bootstrap崩溃和ui-router [英] Bootstrap collapse and ui-router

问题描述

我遇到了 ui-router 并使用bootstrap崩溃的问题。

I have issue with ui-router and using 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：\＃collapseOne ，它将我引导到我网站的默认页面。

This is the page localhost/#/root/mypage/. So the 'Click me' is pointed to localhost:\#collapseOne that leads me to default page of my site.

推荐答案

您可以通过使用 data-target 属性（将执行相同的工作）而不是使用<$来解决您的问题c $ c> href 影响路由的属性

You could simply fix you issue by using data-target attribute(will do the same work) instead of using href attribute which is affecting routing

加价

<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>

这篇关于Bootstrap崩溃和ui-router的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！