Question

首先，请访问并查看演示：http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/

我将演示的源代码复制到新文件夹，我创建了一个Javascript，一个CSS和一个HTML。

我删除了部分菜单，并仅在标记<body class="cbp-spmenu-push"><nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">处保留推送响应式菜单。

我调整了代码showRightPush和showLeftPush的推送响应式菜单的大小，并删除了它们的标记section，因此可以使用标记{{1}移动它们}}。

我还删除了标记main处的水平和垂直菜单部分。

在CSS文件中，我更改了标签<div class="main">和main（边距，填充，宽度和高度）的属性，使菜单分离并移动到左上角和右上角

完成它，我加载了HTML，然后我尝试点击推送响应式菜单。他们不打开自己，也不工作。

您可以查看我的JSFiddle演示：http://jsfiddle.net/ndL2nat1/

如何解决这个问题？

Answer 1

这里为你修复了link。问题是你删除了几个dom元素（操作其他导航栏动画的按钮）但没有注释任何正在使用它的JS脚本:)。一个例子是

showTop.onclick = function() {
    classie.toggle( this, 'active' );
    classie.toggle( menuTop, 'cbp-spmenu-open' );
    disableOther( 'showTop' );
};

但{d}元素被移除时showTop未定义

推送响应式菜单不会自行打开而无法正常工作

1 个答案: