1

作为 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 }

请问这里有人可以告诉在哪里修改选项以获得我所期望的结果吗?

4

1 回答 1

0

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

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

于 2016-09-01T11:51:14.393 回答