使用bookBlock jquery插件创建水平翻书

Question

作为jQuery的新手，我试图使用bookBlock jQuery插件创建一个水平翻书，也是本教程：

http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/comment-page-3/#comments

我选择了这个，因为它已经有了一个我真正需要的内容表。

所以有一点我应该在bookBlock配置中添加下一个选项：

orientation : 'horizontal',
direction: 'rtl',

这将允许我按我的意愿配置bookBlock。但是当我在这个地方写这个，在page.js文件中，它没有工作时，方向和方向不会改变：

bb = $( '#bb-bookblock' ).bookblock( {
        orientation : 'horizontal',
        direction: 'rtl',
        speed : 800,
        perspective : 2000,
        shadowSides : 0.8,
        shadowFlip  : 0.4,
        onEndFlip : function(old, page, isLimit) {

            current = page;
            // update TOC current
            updateTOC();
            // updateNavigation
            updateNavigation( isLimit );
            // initialize jScrollPane on the content div for the new item
            setJSP( 'init' );
            // destroy jScrollPane on the content div for the old item
            setJSP( 'destroy', old );

        }
    } ),

我还尝试将此添加到jquery.bookblock.js文件中的默认配置，此处：

$.BookBlock.defaults = { //ALL THE OPTIONS }

这里是否有人可以告诉您在哪里修改选项以获得我预期的结果？

Answer 1

我花了一段时间才明白这一点。

在教程中，他们使用的是插件的v1 - 但RTL选项仅在V2中添加。 您可以尝试使用基于V1的that版本。