使用 JS 和 JQuery 用文件更新嵌入对象的内容答案

【问题标题】：Updating the content of an embded object with files using JS and JQuery使用 JS 和 JQuery 用文件更新嵌入对象的内容
【发布时间】：2017-01-21 01:21:54
【问题描述】：

我基本上是在尝试制作一个 Web 应用程序，我可以在其中一次加载一个 pdf 文件。所以我的主要问题是如何删除当前显示的 PDF 文件并根据我的变量名加载下一个文件，该变量名基本上只是一个指定要加载哪个文件的整数（我的文件是数字 1-72 的名称）。目前，当我按下 Next 或 Back 按钮时，什么也没有发生。这是非常感谢任何输入的代码。

$document.ready(function() {
var pageNumber = 1;
var doc = "Induction/" + pageNumber + ".pdf";
var parent = $('embed#file').parent();

$('#Back').click(function(){
    if(pageNumber > 2){
    pageNumber -= 1;
    doc = null;
    doc = "<embed id ="file" src="'Induction/' + pageNumber + '.pdf'" />"
    var newDoc = $(doc);
    $('embed#file').remove();
    parent.append(newDoc);
    }
    else{
        alert("No previous documents found");
        pageNumber = 1;
    }
});
$('#Next').click(function(){
    pageNumber += 1;
    if(pageNumber > 72){
        alert("Congratulations you reached the end of the Induction Course");
        pageNumber = 1;
    }
    doc = null;
    doc = "<embed id="file" src="'Induction/' + pageNumber + '.pdf'" />"
    var newDoc = $(doc);
    $('embed#file').remove();
    parent.append(newDoc);
  });
 });

在某种程度上，它是一种定制的分页，无需按数字选择页面，而是按“下一步”和“后退”按钮。然而，目前它不会加载下一个 pdf 文件而不是前一个。我花了 2 天的时间浏览互联网和这个网站，但没有发现使用 PDF 文件动态更新 embed src 标签的内容的问题。

【问题讨论】：

标签： javascript jquery embed

【解决方案1】：

将“if (pageNumber > 72)”更改为“if (pageNumber < 72)”

【讨论】：