3
我正在使用twitter-bootstrap創建個人網頁3.我想在模態內呈現.pdf file
。我怎樣才能做到這一點? 在此先感謝。如何在twitter引導模式下呈現`pdf文件'?
我正在使用twitter-bootstrap創建個人網頁3.我想在模態內呈現.pdf file
。我怎樣才能做到這一點? 在此先感謝。如何在twitter引導模式下呈現`pdf文件'?
這與使用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>
問題是關於Bootstrap,而不是jQuery UI –
.PDF在對話框這些腳本。也許[Google文檔查看器](https://docs.google.com/viewer)和[示例](http://jsfiddle.net/LW2T6/) –
您可以嘗試使用直接鏈接到PDF的「
(這個問題並不特別與Bootstrap有關。) – millimoose