Javascript jQuery单击函数——选择器'；它的css没有被改变

我为一个我确信对某人来说是显而易见的问题而发疯

我希望我的页面的某个部分在单击按钮时消失

这是我的密码：

$(document).ready(function(){
   $('.button').click(function() {
        $('.page-section').css('display', 'none');
   });
});

正在正确引用脚本。jQuery将首先被加载。如果我在click事件中放入警报（“某物”），它将触发

但是由于某种原因，我无法让css改变

当我在我的控制台中使用同一行代码时，css会按其应该的方式进行更改

有什么想法吗？

尝试替换以下内容：

 $('.page-section').css('display', 'none');

为此：

 $('.page-section').css({'display':'none'});

或

---

希望能有所帮助。

您的代码似乎应该可以正常工作。单击按钮后，是否使用开发人员工具检查了该元素？您应该能够看到应用了哪些类，即使其他样式正在覆盖它，例如，如果您在样式表的某个地方有.page节{display:block！important；}，jQuery也不会隐藏它。看起来也有可能那个元素实际上被隐藏了，但实际上它是你试图隐藏的另一个元素

您确定类

.page节

是隐藏元素而不是调用

css（）

的正确方法吗？您可以使用

$（'.page节'）.hide（）

@skitter，这意味着其他脚本正在执行此操作it@Skitterm另外，

.button

是否会导致页面重新加载，从而提供JSFIDLE？

 $('.page-section').hide();