html - accordion头部的href不起作用
问题的原因是在使用ng-click指令时,点击链接时会触发父元素的点击事件,导致链接无法正常跳转。解决方法是在ng-click中加入$event.stopPropagation()方法,以阻止父元素的点击事件被触发。具体代码如下:
Link
其中,ng-click指令中的$event.stopPropagation()方法可以阻止事件冒泡,确保只触发链接的点击事件,而不会触发父元素的点击事件。这样,链接就可以正常跳转了。
问题出现的原因是在accordion头部的标签中使用了href属性,但是点击该链接时并没有触发accordion的展开和收起事件。解决方法是使用ng-click指令来替代href属性,并在ng-click中调用$event.stopPropagation()方法,这样就可以阻止accordion的点击事件传递到链接上。
具体的解决方法如下所示:
Link Content
上述代码中,通过在ng-click中调用$event.stopPropagation()方法,阻止了accordion的点击事件传递到链接上。这样,点击链接时不会触发accordion的展开和收起事件,而是正常地打开链接。
需要注意的是,由于此问题可能在某些在线编辑器中无法正常工作,建议在自己的代码中尝试上述解决方法。
问题原因:在折叠面板的标题中,使用href属性来添加链接时,点击链接时无法正确跳转的问题。
解决方法:在ng-click事件处理函数中调用Event.stopPropagation()方法,以阻止事件冒泡。
以下是使用了这种解决方法的示例代码:
link
可以点击以下链接查看更新后的示例:[plunker](http://plnkr.co/edit/i22oNvD1VndqsAJ9lyWN?p=preview)