【问题标题】:UI Bootstrap Anchor doesn't work inside Accordion HeadingUI Bootstrap Anchor 在 Accordion Heading 中不起作用
【发布时间】:2015-12-02 00:37:00
【问题描述】:

我正在使用 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>

单击“go to google”链接会切换手风琴并且不会转到该链接。我可以通过 ng-click 解决这个问题,但问题是我希望中键单击仍然可以创建新选项卡。

【问题讨论】:

    标签: angularjs click anchor angular-ui-bootstrap


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-03-03
      • 2013-10-25
      • 2021-05-10
      • 2010-11-13
      • 2014-01-14
      • 2018-07-29
      • 2021-11-07
      • 1970-01-01
      相关资源
      最近更新 更多