【问题标题】:href links work locally but not live?href 链接在本地工作但不能在本地工作?
【发布时间】:2013-10-23 21:37:05
【问题描述】:

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";

}

感谢任何想法。

【问题讨论】:

  • 您有指向您网站的链接吗?该链接应该可以正常工作。也许您没有将图像保存在正确的目录中(尽管这也不应该影响链接)?
  • 更新 - 控制台通知我:“拒绝在框架中显示 'youtube.com/watch?v=0lC8A0P4y00',因为它将 'X-Frame-Options' 设置为 'SAMEORIGIN'。”
  • images/facebook.png 必须在您的服务器上才能看到它。是吗。给你的图像一个高度。此外,在您 .appendChild() 或类似的东西之前,您的 JavaScript 不会做任何事情。你的链接很好。我刚刚测试了它。你有另一个&lt;script&gt; 标签,它是src 集吗?我们也需要看到这些。
  • 这里是网站的链接:www.yiddishtwist.com 图片和一切都在那里,一切都在服务器上。当我将鼠标悬停在链接上时,我看到了链接,但单击没有帮助。
  • ctrl+ 点击链接工作...做更多的调查。看起来有时候 JS 可以像这样劫持点击……但你提供的代码不应该这样做。

标签: html css href


【解决方案1】:

你的整个网站都在一个大框架里,实际的网站是http://yto.lemezandfridel.com/

感谢protection against clickjacking attacks,Facebook、Youtube 和 Soundcloud 链接拒绝加载到框架中。

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

长期的解决方案是不要一开始就为您的页面设置框架

【讨论】:

  • 这很有趣。那么主域的子目录不等于直接托管在域上吗?很高兴知道...
  • 实际上问题是一个网站已使用&lt;frame&gt; 元素嵌入到另一个网站中。没有多少人会再建立这样的网站了
  • 啊哈。当我将域从一个提供商转移时,这是一个修复,我认为它作为临时解决方案并不重要。一直在学习!谢谢
【解决方案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>

【讨论】:

  • 谢谢。 _blank 和 _top 目标的区别是什么?
  • 哈哈是的 :) _blank 将是一个新标签。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-27
相关资源
最近更新 更多