【问题标题】:Why are my links not working in WordPress?为什么我的链接在 WordPress 中不起作用?
【发布时间】:2017-07-12 16:57:25
【问题描述】:

现在,我对代码并不陌生。完全没有。但是,我傻眼了,可能出了什么问题。

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

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

但是,导航到投资组合页面:https://clickitsocial.net/portfolio

当我尝试点击翻盖卡片上的链接时,它们都不起作用,而且我确实为每个链接设置了 href 属性,即使它是一个 # ,直到我弄清楚每个链接中的内容。

会不会是和 jQuery 有冲突之类的?还有什么?

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

【问题讨论】:

    标签: javascript jquery wordpress html zurb-foundation


    【解决方案1】:

    丽兹,

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

    如果您从.flip-card-inner 中删除backface-visibilty: hidden;,那么它将起作用。

    您只希望 backface-visibility: hidden; 出现在 .flip-card-inner-front.flip-card-inner-back div 上。

    尝试一下,看看效果如何。

    瑞恩

    【讨论】:

      【解决方案2】:

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

      首先,我们使用 Ryan 的解决方案来解决 Chrome 问题:从 .flip-card-inner 类中删除 backface-visibility:hidden。

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

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

      【讨论】:

        猜你喜欢
        • 2013-05-25
        • 2015-06-24
        • 2015-07-31
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-02-10
        • 2020-05-31
        相关资源
        最近更新 更多