Twitter bootstrap 如何在twitter引导中以模式呈现“pdf文件”?
我正在使用twitter bootstrap 3创建一个个人网页。我想在模式中呈现一个Twitter bootstrap 如何在twitter引导中以模式呈现“pdf文件”?,twitter-bootstrap,Twitter Bootstrap,我正在使用twitter bootstrap 3创建一个个人网页。我想在模式中呈现一个.pdf文件。我该怎么做? 提前感谢。这与使用JQuery UI对话框相对类似。() 您可以将这些脚本包含在标记中 <link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet"> <script language="javascript" type="text/javascript" src="jquery-1.
.pdf文件
。我该怎么做?
提前感谢。这与使用JQuery UI对话框相对类似。() 您可以将这些脚本包含在标记中
<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>
$(文档).ready(函数(){
$(“#触发器”)。单击(函数(){
$(“#dialog”).dialog();
});
});
内的HTML代码(使用iFrame加载PDF)
.PDF在对话框中。也许您可以尝试使用直接链接到PDF的
,但这需要浏览器具有适当的插件。(此外,这个问题与引导无关。)问题是关于引导,而不是jQuery UI
<a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
<div>
<iframe src="yourpdffile.pdf"></iframe>
</div>
</div>