Question

我的<a href="">代码有一个简单的问题：它们不再打开了......

它只工作了一次，然后不再工作。

我不知道为什么......如果有人可以帮助我，那将会很棒。

我的代码：

<div data-role="page" id="p1">
    <div data-role="header" data-theme="a" data-position="fixed" data-id="footer">  
    <a href="Destaque/Destaque.html" data-icon="home" data-iconpos="notext">Home</a>
</div

我尝试了很多东西，但我没有发现问题所在。

Answer 1

看起来你正在经历一个破碎路径和jQuery Mobile覆盖链接行为的组合。

首次加载时，您在包含子文件夹Destaque的文件夹中，点击它后，您的参考目录为Destaque，因此再次点击它会尝试解析{{1} }。由于jQuery Mobile（它使用ajax加载页面），这种行为可能看起来不像是经典的404。

要解决此问题，请使用绝对路径，方法是添加前导Destaque/Destaque/Destaque.html更改此内容：

到此：

<a href="Destaque/Destaque.html" data-icon="home" data-iconpos="notext">Home</a>

这假设此子文件夹实际上位于您的Web应用程序的根目录中。如果没有，那么你需要调整你的绝对路径。

Answer 2

确定。我找到了这个问题的答案。

我写的路径是正确的，问题不是相对/绝对路径。

我必须添加到此链接的唯一内容是rel =“external”，因为我要打开的html页面位于我的projecto的子文件夹中。

以下代码显示了此情况的正确代码。

<a href="Destaque/Destaque.html" rel="external" data-icon="home" data-iconpos="notext">Home</a>

一个href在我的项目中不起作用

2 个答案: