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'));
}

最初の問題は、ページが最後に追加されることです。まず、必要な場所にページを追加するためにこれを制御する必要があります。

2 つ目の問題は、追加されたページが本の効果を得られないことです。本のページではないようです。どうすればこれを修正できますか?

任意の助けをいただければ幸いです。

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
}

効果については、実際にはその問題に直面していませんでしたが、3 番目のバージョンではなく 4 番目のバージョンを使用してみてください。

于 2014-02-27T16:22:52.317 に答える