JSとJQueryを使用して埋め込みオブジェクトのコンテンツを更新する

Question

基本的に、1つのpdfファイルを一度にロードするWebアプリケーションを作成しようとしています。だから、私の主な問題は、表示されている現在のPDFファイルを削除し、変数名に基づいて次のファイルをロードする方法です。現時点では、[次へ]または[戻る]ボタンを押すと何も起こりません。ここでコードは、すべての入力を非常に感謝しています。

$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日を過ごし、インターネットとこのサイトでも見ていますが、埋め込みsrcタグの内容をPDFファイルで動的に更新する質問は見つかりませんでした。

Answer 1

「if (pageNumber > 72)」から「if (pageNumber < 72)」