【发布时间】: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 不会做任何事情。你的链接很好。我刚刚测试了它。你有另一个<script>标签,它是src集吗?我们也需要看到这些。 -
这里是网站的链接:www.yiddishtwist.com 图片和一切都在那里,一切都在服务器上。当我将鼠标悬停在链接上时,我看到了链接,但单击没有帮助。
-
ctrl+ 点击链接工作...做更多的调查。看起来有时候 JS 可以像这样劫持点击……但你提供的代码不应该这样做。