javascript - 为什么我不能让汉堡菜单正常工作?

标签 javascript jquery html css

我需要一些帮助。我正在尝试为我的网站制作汉堡包菜单,但出于某种我无法弄清楚的原因,它不起作用。这是我在 codepen.io 中编写的 HTML、CSS 和 JavaScript 代码: https://codepen.io/TheUnrealisticProgrammer/pen/QvjvVW

这是 JavaScript 代码:

$(document).ready(function(){
   $('Menu').click(function(){
     $(this).toggleClass('Trigger');
   });
   });  

从代码来看,第一个跨度条应该在我点击后旋转 135 度,但事实并非如此。

最佳答案

使用前使用Jquery和JQuery UI。并且 $('Menu') Menu 不是标签,但根据您的代码笔,它是 div 的 ID。它必须是 $('#Menu')

关于javascript - 为什么我不能让汉堡菜单正常工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43479519/

相关文章:

css - 如何使用嵌套 div 在 HTML 和 CSS 中创建测量线

html - 当我转到 html 页面中的子菜单时,无法在菜单上保持悬停状态

javascript - 如何从具有append的li元素获取对象参数

javascript - 在 Google Maps V3 中将 MapLabel 放置在多边形之上

php - 我可以从 php 文件加载 javascript 吗?

javascript - Chrome - 专注于 iframe 输入会导致不必要的滚动

c# string[] 到 jquery 字符串列表?

php - 在 javascript/jquery 中使用 PHP print_r 数组结果

javascript - 我需要获取标记的纬度和经度

javascript - 如果我只有类,如何声明 javascript 搜索函数?