jquery - 在菜单卡上制作第二页

这是我在这里的第一个问题，我试图使其尽可能清楚。

我有一个两页的菜单卡，可以打开和关闭。
现在，我尝试在其中制作第二页，以便您可以再次“翻页”该页面。

DEMO

当您点击“打开菜单卡”时，右上角会弹出3个按钮。
当您单击“下一页”时，应弹出接下来的两页，而当您单击“上一页”时，应删除这两页并显示正常。
但是，当您单击关闭时，所有页面都应该关闭。

我希望它可以是一个简单的附件，欢迎任何帮助/输入！

最佳答案

从这里开始

$open = $cover.find('a.rm-button-open'),

这是页面打开时必须单击的按钮

<a href="#" class="rm-button-open">View the Menu</a>

这是点击事件代码

$open.on( 'click', function( event ) {

                openMenu();
                return false;

            } );

这是openMenu()函数

openMenu = function() {

            $container.addClass( 'rm-open' );

        },

您要在何处放置此<a href="#" class="rm-button-open">View the Menu</a>来转到下一页，这取决于您。

关于jquery - 在菜单卡上制作第二页，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20517586/