关于angularjs中使用路由后子锚点的链接跳转问题
来源:互联网 发布:无锡招聘淘宝模特 编辑:程序博客网 时间:2024/05/22 05:29
<div class="col-md-9 value"> <div class="tab-content"> <div id="tab_1" class="tab-pane active"> <div id="accordion1" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_1" aria-expanded="false"> 2.0.1</a> </h4> </div> <div id="accordion1_1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"> <div class="panel-body"> 我见过上帝你信吗 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_2" aria-expanded="false"> 1.9.1</a> </h4> </div> <div id="accordion1_2" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 南蛮入侵 </div> </div> </div> <div class="panel panel-success"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_3" aria-expanded="false"> 1.7.2</a> </h4> </div> <div id="accordion1_3" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 万箭齐发 </div> </div> </div> <div class="panel panel-warning"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_4" aria-expanded="false"> 1.7.1 </a> </h4> </div> <div id="accordion1_4" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 最好的告别,这本书不错哦 </div> </div> </div> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_5" aria-expanded="false"> 1.5.3 </a> </h4> </div> <div id="accordion1_5" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 没有版本更新,瞎鼓捣 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_6" aria-expanded="false"> 1.5.2 </a> </h4> </div> <div id="accordion1_6" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 来个大本版的更新 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_7" aria-expanded="false"> 1.3.3 </a> </h4> </div> <div id="accordion1_7" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 升级了,快不 </div> </div> </div> </div> </div> </div> <div class="margin-top-15" style="float: right"> <ul class="pagination"> <li><a href="javascript:;">Prev </a></li> <li class="active"><a href="#">1 </a></li> <li><a href="javascript:;">2 </a></li> <li><a href="javascript:;">3 </a></li> <li><a href="javascript:;">4 </a></li> <li><a href="javascript:;">5 </a></li> <li><a href="javascript:;">Next </a></li> </ul> </div> </div>
大家可以看到以上代码,我这里使用了锚点,#accordion1_1到#accordion1_7 这里使的angularjs路由的时候,老是跳转到路由默认页面,如何解决呢,看以下代码,只要将
href="#accordion1_7"前的#去掉,就可以了
<pre style="background-color: rgb(255, 255, 255); font-family: Consolas; font-size: 14pt;"><pre name="code" class="html"><div class="row static-info"> <div class="col-md-3 name"> 历史版本: </div> <div class="col-md-9 value"> <div class="tab-content"> <div id="tab_1" class="tab-pane active"> <div id="accordion1" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_1" aria-expanded="false"> 2.0.1</a> </h4> </div> <div id="accordion1_1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"> <div class="panel-body"> 我见过上帝你信吗 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_2" aria-expanded="false"> 1.9.1</a> </h4> </div> <div id="accordion1_2" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 南蛮入侵 </div> </div> </div> <div class="panel panel-success"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_3" aria-expanded="false"> 1.7.2</a> </h4> </div> <div id="accordion1_3" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 万箭齐发 </div> </div> </div> <div class="panel panel-warning"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_4" aria-expanded="false"> 1.7.1 </a> </h4> </div> <div id="accordion1_4" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 最好的告别,这本书不错哦 </div> </div> </div> <div class="panel panel-danger"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_5" aria-expanded="false"> 1.5.3 </a> </h4> </div> <div id="accordion1_5" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 没有版本更新,瞎鼓捣 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_6" aria-expanded="false"> 1.5.2 </a> </h4> </div> <div id="accordion1_6" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 来个大本版的更新 </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="accordion1_7" aria-expanded="false"> 1.3.3 </a> </h4> </div> <div id="accordion1_7" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> 升级了,快不 </div> </div> </div> </div> </div> </div> <div class="margin-top-15" style="float: right"> <ul class="pagination"> <li><a href="javascript:;">Prev </a></li> <li class="active"><a href="#">1 </a></li> <li><a href="javascript:;">2 </a></li> <li><a href="javascript:;">3 </a></li> <li><a href="javascript:;">4 </a></li> <li><a href="javascript:;">5 </a></li> <li><a href="javascript:;">Next </a></li> </ul> </div> </div> </div>
0 0
- 关于angularjs中使用路由后子锚点的链接跳转问题
- angularjs中关于路由
- angularjs 跳转链接 路由 传参数 微信分享 问题处理
- angularjs 路由的使用
- 关于frameset集中链接的跳转问题
- 关于页面链接跳转的问题
- 关于ionic路由跳转中back button 不出现的问题
- angularJS路由跳转
- angularJS路由跳转
- ARouter路由使用拦截链接跳转实现
- 在Asp.Net MVC中使用AngularJS的路由
- angularjs中关于checkbox的问题
- 解决angularjs ionic的路由问题
- AngularJs多重视图和路由的使用
- AngularJs多重视图和路由的使用
- AngularJs多重视图和路由的使用
- angularjs的使用:路由(4)
- AngularJS配置路由ngRoute的使用
- 切面条
- OpenSS
- 学习epoll模型
- codesoft 10破解版
- shell之函数
- 关于angularjs中使用路由后子锚点的链接跳转问题
- H.264中整数DCT变换,量化,反量化,反DCT究竟是如何实现的?
- Bitmap转换二次采样 总结
- HBase最佳实践-内存规划
- JAVA中的反射机制
- 第九周-OJ-E大帆玩英雄联盟
- HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等
- python point
- 大奖赛计分