单击jquery时无法更改显示值

当屏幕小于35em时，我试图制作一个简单的按钮来显示和隐藏菜单。但问题是，我的jQuery单击事件不会更改列表项的显示值

CSS:

jQuery：

$('#menuToggle').click(function(){
  $('ul li').css('display','block');
}

演示：

---

我如何确定这一点？

您的代码应该可以工作，但您没有结束

）因此您的代码抛出语法错误。试试这个：

$('#menuToggle').click(function () {
    $('ul li').css('display', 'block');
});

您缺少结束代码>）

您还应该使用“on”方法

$('#menuToggle').on('click', function () {
     $('ul li').css('display', 'block');
});

为什么在（）上？生成页面时，我的#菜单切换首先在页面上。click（）不只是一个简写吗？以防您想动态创建菜单项。这就解释了@ChrisTill（）

上的

函数没有委托参数，因此对于“动态创建菜单项”也不起作用。它确实起作用：请参阅fiddle:
$('#menuToggle').on('click', function () {
     $('ul li').css('display', 'block');
});