twitter-bootstrap - 如何在 twitter bootstrap 中以模式呈现“pdf文件”？

Question

我正在使用 twitter-bootstrap 3 创建一个个人网页。我想.pdf file在一个模式中呈现一个。我怎样才能做到这一点？提前致谢。

Answer 1

它与使用 JQuery UI 对话框比较相似。( http://jqueryui.com/download/ ) 您将这些脚本包含在标签内

<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 代码（使用 iFrame 加载 PDF）

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