Question

我有一个网站here。

当你到达那里时，点击学生说明，然后点击帮助按钮。当它尝试转到该文档（服务器上的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>

Answer 1

这与Google embed文档一样简单。

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而不是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);
?>

jQuery Mobile - 手风琴中的链接和单选按钮不起作用

1 个答案: