2

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

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

第二个问题是添加的页面没有得到书籍效果！就像它不是书的页面一样。我怎样才能解决这个问题？

任何帮助，将不胜感激。

4

1 回答 1

2

如果您只是使用设置要包含的页面总数的函数，您的代码可能会起作用，否则库将从最后删除所有额外页面。换句话说，这个版本的代码将完美运行。

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 版。

于 2014-02-27T16:22:52.317 回答