페이지를 동적으로 책에 추가하십시오.

Question

동적으로 책을 만들어야합니다. 나는 turnjs를 사용하고있다. 여기

JSFIDDLE LINK 페이지를 추가하는 기능입니다 : 이 바이올린을 볼

function addContent() { 
    var element = '<p>SomeContent</p><a href="#">Go To Page 1</a>'; 
    var pageCount = $('#flipbook').turn('pages') * 1; 
    $('#flipbook').turn('addPage', element, pageCount+1) 
    .turn('pages', $('#flipbook').turn('pages')); 
} 

첫 번째 문제는 페이지가 우선 내가 페이지를 추가이를 제어 할 필요가 끝에 추가된다는 점이다 내가 원하는 곳마다.

두 번째 문제는 추가 된 페이지가 책 효과를 얻지 못한다는 것입니다. 책의 페이지가 아니 듯. 이 문제를 어떻게 해결할 수 있습니까?

어떤 도움을 주시면 감사하겠습니다.

Answer 1

페이지의 총 개수를 설정하는 함수를 사용한 경우 코드가 작동하는 것 같습니다. 다른 라이브러리에서는 다른 모든 페이지를 끝까지 지울 것입니다. 즉,이 버전의 코드는 완벽하게 작동합니다. 난 정말 그 문제에 직면하지 않은 효과를

function addContent() { 
    var pageCount = $('#flipbook').turn('pages')+1 ; 
    var possitionOfAddition = 2 ;// this is an example, place the position you want to add the new content , use the var pageCount in case you want to add into last. 
    element = $('<div>This is test</div>'); 
    alert('just befor the addition'); 
    $('#flipbook').turn('addPage', element,possitionOfAddition);      
    alert('just after the addition'); 
    $('#flipbook').turn('pages', pageCount); // Sets the total # of pages 
} 

그러나 대신 제 3의 네번째 버전을 사용해보십시오.