Question

Href链接在本地工作正常，但不是活的。调查一下，我发现触摸屏设备上的悬停状态存在问题。我认为这是我唯一的问题，但似乎链接现在根本没有点击。

更新 - 发现我还收到如下控制台错误消息：

拒绝在一个框架中显示“http://www.youtube.com/watch?v=0lC8A0P4y00”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

拒绝在一个框架中显示“https://www.facebook.com/yiddishtwist?fref=ts”，因为它将“X-Frame-Options”设置为“DENY”。

拒绝在一个框架中显示“https://soundcloud.com/loya/sets/yto-forthcoming-debut-album”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

HTML

<a href="https://www.facebook.com/yiddishtwist?fref=ts">
                    <img src="images/facebook.png" height="62" alt="facebook link" /></a>

网站上没有JS，除了以下内容之外，从Mailchimp粘贴的副本放在我的头脑中：

JS

<script type="text/javascript">document.createElement('header');
document.createElement('footer'); document.createElement('section'); 
document.createElement('article'); document.createElement('aside'); 
document.createElement('nav');</script>

我无法想象CSS会干扰，但以防万一，这是我的图像悬停状态： CSS

section img:hover {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";

}

感激任何想法。

Answer 1

您的整个网站都坐在一个大框架中，实际网站是http://yto.lemezandfridel.com/

由于protection against clickjacking attacks，Facebook，Youtube和Soundcloud链接拒绝加载框架。

短期解决方案是将target="_top"添加到这些链接中，它们将加载到父页面而不是框架中。

长期解决方案不是首先构建您的网页

Answer 2

试试这个：

<a href="https://www.facebook.com/yiddishtwist?fref=ts" target="_blank">

或者使用JS：

<a href="#" onClick="window.open('https://www.facebook.com/yiddishtwist?fref=ts', '_blank')"></a>

href链接在本地工作但不能直播？

2 个答案: