Question

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

<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/。所以＆＃39;点击我＆＃39;指向localhost:\#collapseOne，这会将我引导到我网站的默认页面。

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>

Bootstrap崩溃和ui-router

1 个答案: