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>

しかし、404エラーが発生します-structureリンクをクリックした後、ファイルが見つかりません。何を変更する必要がありますか? ブラウザから .pdf ファイルを開きたい。私のファイル構造 (MPSR - 私の Web サイトのルート フォルダ)

-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 に答える