在 jQtouch 中未打开外部链接

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/。 > Access-Control-Allow-Origin 不允许来源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>

锚标记中的

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

http://jsfiddle.net/UCnY3/

如果你使用谷歌浏览器的开发者工具显示错误：

“拒绝显示文档，因为 X-Frame-Options 禁止显示。”

更多关于 X-Frame-Options 的信息可以在这里找到：

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

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

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

SAMEORIGIN 页面只能显示在一个 框架与页面本身同源。

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