0

我有以下代码index.html：

<a data-ajax="false" rel="external" href="../Info/BasicDefinition.pdf"
 data-theme="c" data-iconpos="top" data-icon="arrow-d" data-role="button">Structure</a>

structure但我收到 404 错误 - 单击链接后找不到文件。我必须改变什么？我想从浏览器打开 .pdf 文件。我的文件结构（MPSR - 我网站的根文件夹）

-MPSR
-----index.html
-Info
-----BasicDefinition.pdf
4

1 回答 1

1

没有 Ajax 的链接

指向其他域或具有 rel="external"、data-ajax="false" 或 target 属性的链接将不会被 Ajax 加载。相反，这些链接将导致整个页面刷新而没有动画过渡。两个属性（rel="external" 和 data-ajax="false"）具有相同的效果，但语义不同：链接到另一个站点或域时应使用 rel="external"，而 data-ajax=" false" 对于简单地选择域中的页面不通过 Ajax 加载很有用。由于安全限制，框架总是选择链接到外部域的 Ajax 行为。

来源：http: //jquerymobile.com/demos/1.0.1/docs/pages/page-links.html

所以，你可以rel="external"从你的标签中删除它，它应该可以工作。

我不能在 jsFiddle 上发布这个，因为它不起作用，但我在这里测试过，它工作正常：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Page Title</title>       
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
    </head> 
    <body> 
        <div data-role="page"> 
            <div data-role="header">
                <h1>Page Title</h1>
            </div> 
            <div data-role="content">
                <p>
                    <a data-ajax="false" href="../info/test.txt" data-iconpos="top" data-icon="arrow-d" data-role="button">Link</a>
                </p>
            </div> 
            <div data-role="footer">
                <h4>Page Footer</h4>
            </div> 
        </div> 
    </body>
</html>

文件夹结构：

\test
    \info
        \test.txt
    \root
        \index.html
于 2013-09-06T12:05:45.417 回答