19

我有一个模式窗口，其中包含一个锚文本。当我单击此链接时，它必须调用位于其他地方的 pdf 并将其显示在弹出窗口中。我怎样才能做到这一点 ？

请帮助。

4

4 回答 4

33

您可以使用 jQuery UI 对话框执行此操作，您可以从此处下载 JQuery ui下载 JQueryUI

<head>首先在标签内包含这些脚本

<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>

jQuery代码

<script language="javascript" type="text/javascript">
  $(document).ready(function() {
    $('#trigger').click(function(){
      $("#dialog").dialog();
    }); 
  });                  
</script>

标签内的 HTML 代码<body>。使用 iframe 在里面加载 pdf 文件

<a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
    <div>
    <iframe src="yourpdffile.pdf"></iframe>
    </div>
</div>
于 2012-11-09T10:23:31.030 回答
7

你可以看看这个库：https ://github.com/mozilla/pdf.js它在 Web/HTML 页面中呈现 PDF 文档

您也可以使用 Flash 将文档嵌入到任何 HTML 页面中，如下所示：

<object data="your_file.pdf#view=Fit" type="application/pdf" width="100%" height="850">
    <p>
        It appears your Web browser is not configured to display PDF files. No worries, just <a href="your_file.pdf">click here to download the PDF file.</a>
    </p>
</object>
于 2012-11-09T10:33:37.937 回答
3

您可以在模态标记内有一个 iframe，并将其 src 属性作为指向您的 pdf 的链接。单击链接后，您可以显示此模式标记。

于 2012-11-09T10:01:45.677 回答
0

您可以在模态表单中使用 iframe，因此当您打开 iframe 窗口时，它会在您的模态表单中打开。我希望你用一些 url 渲染到一些 pdf 打开器，如果你有 pdf 内容，只需以模态形式将内容添加到 div 中。

于 2012-11-09T10:34:55.487 回答