Javascript 带有动态内容的Pdf.js问题_Javascript_Jquery_Pdf_Pdfjs

Javascript 带有动态内容的Pdf.js问题

javascript jquery pdf

Javascript 带有动态内容的Pdf.js问题,javascript,jquery,pdf,pdfjs,Javascript,Jquery,Pdf,Pdfjs,我将pdf.js包括为： <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.943/pdf.js"></script> 在我的js中，我为我的页面创建了html（希望显示pdf文件的第一页） $（'favboardsecondpouppagesinfo'）.html（''）；但是，当我动态添加页面时，它不起作用。如果我在加载页面时将代码添加到html中，它就会正常工作。我怎样才能解决这

我将pdf.js包括为：

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.0.943/pdf.js"></script>

在我的js中，我为我的页面创建了html（希望显示pdf文件的第一页）

$（'favboardsecondpouppagesinfo'）.html（''）；

但是，当我动态添加页面时，它不起作用。如果我在加载页面时将代码添加到html中，它就会正常工作。我怎样才能解决这个问题？谢谢

这是我的html弹出窗口：

在js中，我运行ajax并生成内容：

 <div class="g-hidden">
        <div class="box-modal ui-widget-content" id="favBoardSecondPopup">
            <div class="box-modal_close arcticmodal-close"><img id="closePopupImage"
                                                                src="/images/icons/popup_icon_close.png">
            </div>

            <div id="favBoardSecondPopupLeadsInfo"></div>

            <div id="favBoardSecondPopupPagesInfo"></div>
        </div>
    </div>

var filesmount=data.filesmount；
var pdfStr=“”；
对于（var j=1；j不幸的是，我缺少您的HTML代码，但是您在使用JQuery函数时是否包含了JQuery脚本？
您可以在此处阅读如何包含JQuery：
或者轻松地将其纳入您的头脑：
var filesAmount = data.filesAmount;
                var pdfStr = '';
                for(var j=1;j<=filesAmount;j++){
                    pdfStr+='<div class="pdfDiv"><a  target="_blank" href="/favDocuments/tmpFile_'+j+'.pdf"><img  class="pdfImageFirstPage" data-pdf-thumbnail-width="100" data-pdf-thumbnail-height="200" data-pdf-thumbnail-file="/favDocuments/tmpFile_'+j+'.pdf"></a></div>';
                }
                $('#favBoardSecondPopupPagesInfo').html(pdfStr);



如果这样做，html将生成到div中：
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>



您是否在HTML代码中添加了具有该id的div
编辑：
对于给定的HTML和JS代码，我得到了一个引用错误，因为没有定义数据。如果我将变量filesAmount更改为例如4，它工作得非常好，4个PDF作为HTML代码添加到div#favboardSecondPoupPagesInfo中。因此我猜您定义的变量是错误的。如果数据是数组，请改用：data.length
<div id="favBoardSecondPopupPagesInfo">
</div>

var filesAmount=4；
var pdfStr=“”；
对于（var j=1；JC有人能帮我吗？是的，我在页面中添加了，和jquery，还有html。问题是，当我动态添加#favBoardSecondPopupPagesInfo内容时，它不会显示我的pdf的第一页。如果我将内容直接添加到html，它就会工作。我添加了我的html和js
<div id="favBoardSecondPopupPagesInfo">
</div>

var filesAmount = 4;

                var pdfStr = '';
                for(var j=1;j<=filesAmount;j++){
                    pdfStr+='<div class="pdfDiv"><a  target="_blank" href="/favDocuments/tmpFile_'+j+'.pdf"><img  class="pdfImageFirstPage" data-pdf-thumbnail-width="100" data-pdf-thumbnail-height="200" data-pdf-thumbnail-file="/favDocuments/tmpFile_'+j+'.pdf"></a></div>';
                }
                $('#favBoardSecondPopupPagesInfo').html(pdfStr);