html - accordion头部的href不起作用

28 浏览
0 Comments

html - accordion头部的href不起作用

我有一个带有链接的折叠菜单。点击头部的任何位置都可以展开折叠菜单。因此,当点击链接时,折叠菜单会被打开,而不是跳转到该链接的位置(href)。期望的行为是:我希望只有在点击头部除链接以外的任何位置时才打开折叠菜单。(即,当点击链接时,用户必须被重定向,而折叠菜单不能被打开)

ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}">

{{ele.a}}

链接

{{ele.b}}

Plnkr

0
0 Comments

问题的原因是在使用ng-click指令时,点击链接时会触发父元素的点击事件,导致链接无法正常跳转。解决方法是在ng-click中加入$event.stopPropagation()方法,以阻止父元素的点击事件被触发。具体代码如下:


    
        
            Link
        
    

其中,ng-click指令中的$event.stopPropagation()方法可以阻止事件冒泡,确保只触发链接的点击事件,而不会触发父元素的点击事件。这样,链接就可以正常跳转了。

0
0 Comments

问题出现的原因是在accordion头部的标签中使用了href属性,但是点击该链接时并没有触发accordion的展开和收起事件。解决方法是使用ng-click指令来替代href属性,并在ng-click中调用$event.stopPropagation()方法,这样就可以阻止accordion的点击事件传递到链接上。

具体的解决方法如下所示:


    
        
            Link
        
        Content
    

上述代码中,通过在ng-click中调用$event.stopPropagation()方法,阻止了accordion的点击事件传递到链接上。这样,点击链接时不会触发accordion的展开和收起事件,而是正常地打开链接。

需要注意的是,由于此问题可能在某些在线编辑器中无法正常工作,建议在自己的代码中尝试上述解决方法。

0
0 Comments

问题原因:在折叠面板的标题中,使用href属性来添加链接时,点击链接时无法正确跳转的问题。

解决方法:在ng-click事件处理函数中调用Event.stopPropagation()方法,以阻止事件冒泡。

以下是使用了这种解决方法的示例代码:

link

可以点击以下链接查看更新后的示例:[plunker](http://plnkr.co/edit/i22oNvD1VndqsAJ9lyWN?p=preview)

0