Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Angular bootstrap下拉切换 – 通过键盘箭头键导航大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用bootstrap的下拉切换指令.但我可以通过鼠标导航菜单,但不能通过键盘箭头键.
请通过键盘向上/向下箭头键告诉我如何导航.

看到这个plunker:http://plnkr.co/edit/m5TBlkVMVJHVF69V2635?p=preview

解决方法

对于Bootstrap下拉列表,向上/向下箭头依赖于能够“聚焦”锚点,这需要指定href属性.

<ul class="dropdown-menu">
  <li ng-repeat="choice in items">
    <a href="javascript:void(0)">{{ChoicE}}</a>
  </li>
</ul>

注意使用href =“javascript:void(0)”而不是通常的href =“#”,因为后者将导致AngularJS因路由更改而重新加载页面.

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Angular bootstrap下拉切换 – 通过键盘箭头键导航全部内容,希望文章能够帮你解决twitter-bootstrap – Angular bootstrap下拉切换 – 通过键盘箭头键导航所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。