在菜单卡上制作第二页

Question

这是我的第一个问题，我尽量使它尽可能清晰。

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

DEMO

当你点击“打开menucard”

，3个按钮会弹出右上角。 当你点击'下一个'时，会弹出下2个页面，当点击'prev'时，这2个页面应该被删除并显示正常。 但是，当您单击关闭时，所有页面应该关闭。

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

Answer 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>启用一个去下一个页面取决于你。