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

将页面动态添加到turnjs book

1 个答案: