在使用JQ的on()时遇到了问题

战斗力为零点5鹅 2015-10-20 01:14:42

<script>

$(document).ready(function(){ //第一个按钮
$('#switcher-narrow').on('click',function(){
$('body').addClass('narrow'); //添加的样式
$('body').removeClass('large'); //移除样式
});

$('#switcher-large').on('click',function(){ //第二个按钮
$('body').addClass('large'); //添加样式
$('body').removeClass('narrow'); //移除样式
});

$('switcher-default').on('click',function(){ //第三个按钮,用于恢复默认样式
$('body').removeClass('narrow'); //移除样式
$('body').removeClass('large'); //移除样式
});

});
</script>
如果没添加第三个按钮事件,样式可以切换,没报错
接着加上了第三个按钮的事件。报错了,在console里面收到这段event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

...全文
76 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
<script type="text/javascript"> $(document).ready(function() { $('#switcher-default').on('click', function() { $('body').removeClass('narrow'); $('body').removeClass('large'); }); $('#switcher-narrow').on('click', function() { $('body').addClass('narrow'); $('body').removeClass('large'); }); $('#switcher-large').on('click', function() { $('body').removeClass('narrow'); $('body').addClass('large'); }); }); </script> 按这个顺序第三个按钮有效果...上面那个不行...
liusaint1992 2015-10-20
  • 打赏
  • 举报
回复
$('#switcher-default').on('click',function(){ 这样?

87,927

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧