首先,请访问并查看演示: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
他们也是,所以他们可以用标签移动 main
.
我还删除了标签 <div class="main">
处的水平和垂直菜单部分.
在 CSS 文件中,我更改了标签的属性 main
和 container
(margin, padding, width and height),使菜单分离并移动到左上角和右上角。
完成后,我加载了 HTML 并尝试单击推送响应菜单。他们不打开自己,也不工作。
你可以查看我的 JSFiddle 演示:http://jsfiddle.net/ndL2nat1/
如何解决?
最佳答案
在这里为您修复 link .问题是你删除了几个 dom 元素(操作其他导航栏动画的按钮)但没有评论任何使用它的 JS 脚本:)。一个例子是
showTop.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( menuTop, 'cbp-spmenu-open' );
disableOther( 'showTop' );
};
但是 showTop
是未定义的,因为 dom 元素被删除了
关于javascript - 推送响应菜单不会自行打开并且不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26640695/