为什么我的链接无法在WordPress中运行?

问题描述 投票:-1回答:2

现在,我不是新代码。完全没有。然而,我傻眼了可能出错的地方。

如果您导航到此站点:https://clickitsocial.net

主页上的按钮/链接有效。

但是,请转到“投资组合”页面:https://clickitsocial.net/portfolio

当我尝试点击它们时,翻转卡上的链接都没有工作,我确实为每个链接设置了href属性,即使它是#,直到我找出每个链接中的内容。

它可能与jQuery或其他东西发生冲突吗?别的什么?

我正在使用WordPress v4.8,JointsWP主题来构建。

javascript jquery wordpress html5 zurb-foundation
2个回答
0
投票

利兹,

问题不在于超链接,而在于.flip-card-inner div。

如果你从backface-visibilty: hidden;删除.flip-card-inner然后它会工作。

你只想要backface-visibility: hidden;.flip-card-inner-front.flip-card-inner-back divs。

试试看,看看它是怎么回事。

瑞安


0
投票

要使Foundation Flip Card在Firefox和Chrome上正常工作:https://foundation.zurb.com/building-blocks/blocks/flip-card.html

首先,我们使用Ryan的解决方案来解决Chrome问题:删除背面可见性:隐藏在.flip-card-inner类中。

然后我们遇到了一个带有backface-visibility属性的Firefox(版本63-66.0.1)错误。解决方法是将:transform:rotateY(0deg)添加到.flip-card-inner-front类。

参考:https://github.com/Fyrd/caniuse/issues/4631

© www.soinside.com 2019 - 2024. All rights reserved.