javascript - 如何在模态窗口中显示 pdf?

标签 javascript jquery pdf modal-window

<分区>

我有一个模态窗口,其中包含一个 anchor 文本。当我单击此链接时,它必须调用位于其他地方的 pdf 并将其显示在弹出窗口中。我该怎么做?

请帮忙。

最佳答案

您可以使用 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> 

关于javascript - 如何在模态窗口中显示 pdf?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13305707/

相关文章:

javascript - JSX: map 内的条件语句

Javascript 在选择时将值生成到表单文本框中

ruby-on-rails - PDFkit 不显示 PDF 中的图片

codeigniter - ImageMagick 将 PDF 转换为低分辨率 JPG 文件

pdf - 使用utf8编码将文本转换为pdf(替代a2ps)

javascript - 如何判断数组中是否只存在一项

php - 我可以从 php 文件加载 javascript 吗?

javascript - 在 React 中暴露组件方法

javascript - Google BigQuery Python 库下载结果的速度是 Node JS 库的 2 倍

java - Spring boot Thymeleaf 根据其他下拉列表选择填充下拉列表