javascript - jQuery 点击功能——选择器的 css 没有被改变

Question

我对一个我确定对某些人来说显而易见的问题感到疯狂。

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

这是我的代码:

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

脚本被正确引用。首先加载 jQuery。如果我在点击事件中放置一个警报('something')，它就会触发。

但由于某些原因，我无法更改 css。

当我在控制台中使用同一行代码时，css 发生了应有的变化。

有什么想法吗？

Answer 1

尝试替换这个:

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

用这个:

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

或

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

希望对您有所帮助。