【问题标题】:Angular bootstrap dropdown toggle - navigate through keyboard arrow key角度引导下拉切换 - 通过键盘箭头键导航
【发布时间】:2013-10-14 03:14:00
【问题描述】:

我正在使用引导程序的下拉切换指令。但我可以通过鼠标导航菜单,但不能通过键盘箭头键。 请告诉我如何通过键盘上/下箭头键导航。

查看此插件:http://plnkr.co/edit/m5TBlkVMVJHVF69V2635?p=preview

【问题讨论】:

    标签: twitter-bootstrap angularjs


    【解决方案1】:

    对于 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由于路由改变而重新加载页面。

    【讨论】:

    • 解决方案由 Peter Davis 作品提出。应该是公认的答案。
    猜你喜欢
    • 2015-08-19
    • 1970-01-01
    • 2015-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-06
    • 1970-01-01
    • 2016-02-20
    相关资源
    最近更新 更多