javascript - 推送响应菜单不会自行打开并且不起作用

标签 javascript jquery html css responsive-design

首先,请访问并查看演示: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"> 处的推送响应菜单.

我调整了标签推送响应菜单的大小 showRightPushshowLeftPush并删除标签 section他们也是,所以他们可以用标签移动 main .

我还删除了标签 <div class="main"> 处的水平和垂直菜单部分.

在 CSS 文件中,我更改了标签的属性 maincontainer (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/

相关文章:

javascript - 在深层对象中按名称查找属性

javascript - 无法清除临时存储

javascript - CORS - 如何 'preflight' 一个 httprequest?

javascript - 单击复选框然后使用 jquery 删除验证

html - 响应式设计在 Firefox 中失效

java - 从 Java 运行的 JS 文件中的 Object.keys 函数

javascript - 通过 CSS 在列表元素之间设置 DIV 容器

javascript - 正则表达式测试如何只返回完全匹配

javascript - .text() 影响 h1 内的 html 元素

javascript - 从 JSON 数组生成 HTML 列表