将页面动态添加到 turnjs 书

【问题标题】：add pages dynamically to turnjs book将页面动态添加到 turnjs 书
【发布时间】：2014-03-06 13:40:57
【问题描述】：

我需要动态地构建一本书。我正在使用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'));
}

第一个问题是页面添加在最后，首先我需要控制它以便在我想要的每个地方添加页面。

第二个问题是添加的页面没有得到书本效果！就像它不是书的页面一样。我该如何解决这个问题？

任何帮助将不胜感激。

【问题讨论】：

标签： jquery turnjs

【解决方案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 版。

【讨论】：