динамически добавлять страницы в книгу поворотов

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 
} 

для эффектов я действительно не сталкиваются с этой проблемой, однако попробуйте использовать 4-й версии вместо 3.