Question

我正在使用jQtouch为文档管理器编写一个Web应用程序，并且已经进行了“热门搜索”部分。你可以在http://dl.dropbox.com/u/97184921/Project/index.html

看到整件事

下面的代码应该显示一个无序列表（它确实如此）和两个项目 - 链接到Google，另一个链接到BBC作为测试网站。它们都应该有缩略图并显示它们，但是当点击链接时，它似乎不会将用户发送到Google或BBC。有人可以帮忙吗？

        <li><a href = "http://www.google.co.uk/"><img height = "20" width = "20" src = "images/search.png">google</a></li>
        <li><a href = "http://www.bbc.co.uk/"><img height = "20" width = "20" src = "images/search.png">bbc</a></li>

Answer 1

在jqtouch site上，他们建议您在打开外部链接时使用target="_blank"。

如果您想在同一窗口中打开该链接，请尝试rel="external"

source

更好source更多信息

Answer 2

问题似乎是您的链接被您的javascript挂钩，并且处理点击的脚本失败。

如果你查看FIreBug中的javascript控制台，你会在点击链接后发现如下错误：

选项http://www.google.co.uk/ 405（方法不允许）jquery.js：19 XMLHttpRequest无法加载http://www.google.co.uk/。＆gt;不允许原点http://dl.dropbox.com访问控制允许来源。

正如@ davehale23所建议的那样，将target="_blank"添加到您的链接将解决问题（再次，您可以通过调整FireBug中的一个链接元素来测试它。

Answer 3

<li><a href = "http://www.google.co.uk/" target="_blank"><img height = "20" width = "20" src = "images/search.png">google</a></li>
<li><a href = "http://www.bbc.co.uk/" target="_blank"><img height = "20" width = "20" src = "images/search.png">bbc</a></li>

目标=＆＃34; _blank＆＃34;在锚标记中打开一个新页面（或选项卡），而不是在当前浏览器窗口中打开它。这是最好的方法，因为如果用户想要返回您的网站，用户无法离开您的网站并处理缓存问题。

http://jsfiddle.net/UCnY3/

如果您使用Google Chrome浏览器的开发人员工具，则会显示错误：

＆＃34;拒绝显示文档，因为X-Frame-Options禁止显示。＆＃34;

有关X-Frame-Options的更多信息，请访问：

https://developer.mozilla.org/en-US/docs/The_X-FRAME-OPTIONS_response_header

X-Frame-Options有两个可能的值：

DENY无论站点如何，页面都无法在框架中显示   试图这样做。

SAMEORIGIN页面只能以a显示   框架与页面本身的原点相同。

换句话说，如果你   指定DENY，不仅会尝试在帧中加载页面失败   从其他站点加载时，尝试这样做会在加载时失败   来自同一个网站。另一方面，如果你指定SAMEORIGIN，那么你   只要包含它的网站，仍然可以在框架中使用该页面   一个框架与服务该页面的框架相同。

外部链接未在jQtouch中打开

3 个答案: