0

我在这里有一个网站。

当你到达那里时,点击学生说明,然后点击帮助按钮。当它尝试访问该文档(服务器上的 PDF)时,页面出现未定义...但该文档的 URL 是正确的。当我刷新页面时,它会将我带到文档。

为什么这样做?

这是页面那部分的片段......

    <div data-role="collapsible-set" data-theme="c" data-content-theme="d">

        <div data-role="collapsible">
            <h3><img src="images/gear.png" style="vertical-align: middle; ">Student Instructions...</h3>
                    <ul>
                        <li>+ Create a GoArmyEd Account. <a href="docs/TA- GoArmyEd-LOI-Walkthrough-SUO-2-15-13.pdf"><span style="font-size:12px; font-family:Verdana, Geneva, sans-serif;">Need a walkthrough?</span><img src="images/walkthrough.png" style="vertical-align: middle;"></a></li><br>
                        <li>+ Print Statement of Understanding (South University) and have it signed by their Commander.</li><br>
                        <li>+ Receive Cost Verification worksheet (CVWS) and Degree Progress Audit (DPA).</li><br>
                        <li>+ Upload all documents into GoArmyEd.</li><br>
                        <li>+ Apply for Tuition Assistance.</li>

                    </ul>
        </div>

此外,您会注意到,当您返回原始页面时,有几个单选按钮似乎已被单击。我使用了 jQuery 单选按钮布局,因为我喜欢它……我只是不知道如何让那些按钮点击消失。看起来很可怕。

想法?

更新- 我尝试rel="external"分别data-ajax="false"和一起添加。当我右键单击并“在新选项卡中打开链接”时,我能够打开文档......虽然仍然没有打开 onclick。

更新 2 - 尝试添加以下内容,但它禁用了我的整个样式表。

<script>
    $(document).bind("mobileinit", function(){
    $.mobile.ajaxLinksEnabled(false);
    }); 
</script>
4

1 回答 1

1

这个简单的googleembed文档。

1)像往常一样创建指向该页面的链接' ​​2)在目标页面上添加此 iframe

<iframe src="http://docs.google.com/viewer?url=http://yoursite.com/folderWhereYouHideYourPdfFile/yourPdfFile.pdf&embedded=true" width="100%" height="100%" frameborder="0">

这将嵌入文档。然后,您可以对其进行样式化。如果需要,可以使用 ajax 弹出或加载。

==============================另一种方法可能是使用php==============因此,您可以使用类似这样的东西来代替目标页面上的 iframe

<?php
$filePdf = 'yourPdfFile.pdf';
$fileTitle = 'Become A Solider'; 

header('Content-type: application/pdf');
header('Content-Disposition: inline; filename="' . $fileTitle . '"');
header('Content-Transfer-Encoding: binary');
header('Content-Length: ' . filesize($filePdf));
header('Accept-Ranges: bytes');

@readfile($filePdf);
?>
于 2013-08-23T22:44:04.630 回答