如何使用jquery在弹出窗口中打开pdf文件

时间:2015-12-10 07:45:42

标签: javascript jquery html

我的代码抛出了JS错误,offsetParent未设置 - 无法滚动。我尝试了 $scope.focus = function($element) { var parent= $($element.target).closest("div"); $('#focus-overlay').toggleClass("focus-overlay"); $('#last').toggleClass("widget-focus-enabled"); }; ,但仍然显示相同的错误。

position: relative;

2 个答案:

答案 0 :(得分:5)

尝试使用"延迟加载":

<script type="text/javascript">
    $(document).ready(function() {
        $('#btnShow').click(function(){
            $("#dialog").dialog();
            $("#frame").attr("src", "reports/my_pdf.pdf");
        }); 
    });
</script>

<a href="#" id="btnShow">this link</a>
<div id="dialog" style="display: none;">
    <div>
        <iframe id="frame"></iframe>
    </div>
</div>

答案 1 :(得分:0)

您可以使用Java

而不是jquery来完成此操作

您可以使用window.open()方法并将pdf文件插入其中window.open("path/for/pdffile")并给出宽度,高度及其位置

window.open("path/for/pdffile", "width=500,height=500,top=100,left=500")

您可以在函数中插入以上代码,并在单击html元素时调用它。

就是这样,您的pdf文件将在弹出窗口中打开