为了账号安全,请及时绑定邮箱和手机立即绑定

您好,求助关于js toggleClass失灵的问题?

您好,求助关于js toggleClass失灵的问题?

长风秋雁 2021-06-15 15:11:25
点击div实现toggleClass隐藏和出现功能,为什么隐藏后出不来?$(document).ready(function(){ $('#switcher').click(function(event) { if(event.target == this){$('#switcher button').toggleClass('hidden'); }});});<div id="switcher" class="switcher"> <h3>Style Switcher</h3> <button id="switcher-default"> Default </button> <button id="switcher-narrow"> Narrow Column </button> <button id="switcher-large"> Large Print </button> </div>
查看完整描述

2 回答

?
慕田峪4524236

TA贡献1875条经验 获得超5个赞

首先别怀疑toggleClass, 而是你用错了.
其次你为什么要用判断(event.target == this)??
$(document).ready(function(){
$('#switcher').click(function() {
$('#switcher button').toggleClass('hidden');
});
});
这样就可以.
另外用toggle()也可以阿.
$(document).ready(function(){
$('#switcher').click(function() {
$('#switcher button').toggle();
});
});
最后 this是JS的对象, $(this)才是jquery对象, $(event.target)也一样



查看完整回答
反对 回复 2021-06-20
  • 2 回答
  • 0 关注
  • 456 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信