Question

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

请帮助。

Answer 1

你可以使用jQuery UI对话框，你可以从这里下载JQuery ui Download 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>

<body>代码中的HTML代码。使用iframe加载

中的pdf文件

<a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
    <div>
    <iframe src="yourpdffile.pdf"></iframe>
    </div>
</div>

Answer 2

您可以查看此库：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>

Answer 3

你可以在模态标记中包含一个iframe，并将它的src属性作为pdf的链接。点击链接即可显示此模态标记。

Answer 4

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

如何在模态窗口中显示pdf？

4 个答案: