基础手风琴组件:手风琴项目中的任何锚点都会打开手风琴窗格

时间:2018-10-17 09:25:28

标签: javascript jquery zurb-foundation accordion

我正在使用Zurb Foundation Accordion Component,在手风琴标题旁边放置一个按钮。

事实证明,任何与手风琴标题(触发/打开其相应面板)一起放置的锚点都将收听手风琴组件。

相反,我的目标是触发锚的默认功能,如下面的代码所示:

class IsAuthRolePermission(permissions.BasePermission): def has_permission(self, request, view): if request.user.is_authenticated: try: obj = Resource.objects.get(name=view.__class__.__name__, roles__in=request.user.roles.all()) return True except Resource.DoesNotExist: return False else: return False

如何停止按钮(锚定)以收听手风琴触发器并将其引向目标?

目前,我有这个临时解决方案(基于我的codepen示例):

<a href="https://google.com" class="tiny button within-title">button that should lead to a target link</a>

这是代码段,或者我也制作了codepen pen

$('.within-title').on('click', (e) => {
   window.location = $(e.currentTarget).attr('href');
})
$(document).foundation();
.main {
  max-width: 50%;
  margin: 0 auto;
}
.with-button {
  display: flex;
  justify-content: space-between;
}
.my-brother-is-a-button {
  flex: 1;
}
.within-title {
  margin-bottom:0;
}

https://codepen.io/mcordeiro/pen/ePVdvL

0 个答案:

没有答案