jquery - 动态添加页面到turnjs书中

Question

我需要动态地构建一本书。我用的是turnjs。看到这个 fiddle :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
}

对于效果，我并没有真正遇到这个问题，但是尝试使用第四个版本而不是第三个版本。