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