在菜单卡上制作第二页答案

【问题标题】：Making a second page on a menucard在菜单卡上制作第二页
【发布时间】：2013-12-29 08:01:36
【问题描述】：

这是我在这里的第一个问题，我会尽量说清楚。

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

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

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

【问题讨论】：

【解决方案1】：

从这里开始

$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>放在哪里以允许进入下一页取决于你。

【讨论】：

嘿，感谢@Albus 的回答，这是我很清楚的代码方面，但我的意思是，一旦打开，它就有 2 页。但是，当您单击“下一步”时，应该会打开正确的页面，从而再出现 2 个页面。这就是我的目标。
您需要在页面中添加更多 html 以供下一个和上一个使用。
嗯，是的，我也想通了哈哈，但我不是真正的编码专家，这就是我在这里问的原因。也许人们可以给我一些答案.. 如：应该添加什么 html、css 和 jquery 以及在哪里..