UI Bootstrap Anchor在“手风琴”标题中不起作用

斯蒂芬·哈泽尔

我正在使用Angular Bootstrap(UI Bootstrap),但是手风琴头有麻烦。切换功能似乎覆盖了手风琴标题中的锚元素,因此链接不可单击。例如:

<uib-accordion close-others="false">
    <uib-accordion-group is-open="status.open" ng-repeat="p in model.processing>
        <uib-accordion-heading>
            <a href="http://www.google.com">go to google</a>
        </uib-accordion-heading>
        TEXT
    </uib-accordion-group>
</uib-accordion>

单击“转到Google”链接将切换手风琴,但不会转到该链接。我可以通过ng-click来解决此问题,但是问题是我希望中键仍然可以用于创建新标签。

斯蒂芬·哈泽尔

我终于弄明白了。只需添加ng-click="$event.stopPropagation();"到锚点。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么此UI-Bootstrap手风琴不起作用?

来自分类Dev

AngularJs:当更新列表值时,嵌套的UI-Bootstrap手风琴不起作用

来自分类Dev

如何在bootstrap 3.0 / bootstrap-ui中的手风琴标题中添加按钮?

来自分类Dev

Bootstrap手风琴菜单不起作用

来自分类Dev

Bootstrap手风琴菜单不起作用

来自分类Dev

使UI Bootstrap手风琴标题完全可点击区域

来自分类Dev

Bootstrap 3手风琴vs jQuery UI手风琴

来自分类Dev

在嵌套的UI Bootstrap手风琴中管理范围

来自分类Dev

Angular UI Bootstrap:使手风琴保存状态

来自分类Dev

在嵌套的UI Bootstrap手风琴中管理范围

来自分类Dev

如何创建嵌套的UI-Bootstrap手风琴?

来自分类Dev

尝试使用CSS覆盖jQuery UI手风琴样式,但不起作用

来自分类Dev

AngularJS:UI引导程序:手风琴“ close-others”不起作用

来自分类Dev

语义 UI 手风琴行为不起作用

来自分类Dev

bootstrap 3手风琴崩溃在iPhone上不起作用

来自分类Dev

Bootstrap:折叠式手风琴不起作用

来自分类Dev

尽管标记有效,但 Bootstrap 4 折叠手风琴不起作用

来自分类Dev

AngularJS / ui-bootstrap手风琴-单击时滚动到活动(打开)手风琴的顶部

来自分类Dev

双重嵌套视图:UI-Router或UI-Bootstrap选项卡/手风琴?

来自分类Dev

双重嵌套视图:UI-Router或UI-Bootstrap选项卡/手风琴?

来自分类Dev

双重嵌套视图:UI-Router或UI-Bootstrap选项卡/手风琴?

来自分类Dev

Angular ui.bootstrap手风琴和bootstrap3

来自分类Dev

Bootstrap 3-根据手风琴折叠状态更改面板标题中的Glyphicon

来自分类Dev

Bootstrap 3-根据手风琴折叠状态在面板标题中更改Glyphicon

来自分类Dev

通过ng-view包含带有bootstrap 3手风琴的AngularJS不起作用

来自分类Dev

UI Bootstrap手风琴-ng-repeat中的向下箭头

来自分类Dev

标头中的复选框,用于angular-ui bootstrap手风琴指令

来自分类Dev

如何将Angular UI Bootstrap手风琴拆分为多列?

来自分类Dev

jQuery UI + Bootstrap 3可排序手风琴无法正常工作

Related 相关文章

  1. 1

    为什么此UI-Bootstrap手风琴不起作用?

  2. 2

    AngularJs:当更新列表值时,嵌套的UI-Bootstrap手风琴不起作用

  3. 3

    如何在bootstrap 3.0 / bootstrap-ui中的手风琴标题中添加按钮?

  4. 4

    Bootstrap手风琴菜单不起作用

  5. 5

    Bootstrap手风琴菜单不起作用

  6. 6

    使UI Bootstrap手风琴标题完全可点击区域

  7. 7

    Bootstrap 3手风琴vs jQuery UI手风琴

  8. 8

    在嵌套的UI Bootstrap手风琴中管理范围

  9. 9

    Angular UI Bootstrap:使手风琴保存状态

  10. 10

    在嵌套的UI Bootstrap手风琴中管理范围

  11. 11

    如何创建嵌套的UI-Bootstrap手风琴?

  12. 12

    尝试使用CSS覆盖jQuery UI手风琴样式,但不起作用

  13. 13

    AngularJS:UI引导程序:手风琴“ close-others”不起作用

  14. 14

    语义 UI 手风琴行为不起作用

  15. 15

    bootstrap 3手风琴崩溃在iPhone上不起作用

  16. 16

    Bootstrap:折叠式手风琴不起作用

  17. 17

    尽管标记有效,但 Bootstrap 4 折叠手风琴不起作用

  18. 18

    AngularJS / ui-bootstrap手风琴-单击时滚动到活动(打开)手风琴的顶部

  19. 19

    双重嵌套视图:UI-Router或UI-Bootstrap选项卡/手风琴?

  20. 20

    双重嵌套视图:UI-Router或UI-Bootstrap选项卡/手风琴?

  21. 21

    双重嵌套视图:UI-Router或UI-Bootstrap选项卡/手风琴?

  22. 22

    Angular ui.bootstrap手风琴和bootstrap3

  23. 23

    Bootstrap 3-根据手风琴折叠状态更改面板标题中的Glyphicon

  24. 24

    Bootstrap 3-根据手风琴折叠状态在面板标题中更改Glyphicon

  25. 25

    通过ng-view包含带有bootstrap 3手风琴的AngularJS不起作用

  26. 26

    UI Bootstrap手风琴-ng-repeat中的向下箭头

  27. 27

    标头中的复选框,用于angular-ui bootstrap手风琴指令

  28. 28

    如何将Angular UI Bootstrap手风琴拆分为多列?

  29. 29

    jQuery UI + Bootstrap 3可排序手风琴无法正常工作

热门标签

归档