无法获得onClick功能来处理身体

Question

我正在尝试将正文内容推向右侧，但是，无论出于什么原因，我似乎无法使用我的body变量来处理onClick函数。我认为只有'（document.body）'可以使用on（'click'，function（））但似乎不是这样的情况？请参阅以下代码和jsfiddle，提前感谢您的见解！

jsfiddle：https://jsfiddle.net/jhh7p8nj/4/

$(document).ready(function(){
var $toggle =  $('#toggle'),
    $body = $(document.body),
    $sidebar = $('.sidebar');

$toggle.on('click', function(){
    $sidebar.toggleClass('sidebarShow');
  $body.addClass('pushRight')
 });
  });

Answer 1

您正在添加课程

.pushRight {
  left: 250px;
}

哪个不会做任何事情。如果将其更改为

.pushRight {
position:relative;     
left: 250px;
}

这应该有用（或至少在jsFiddle中有效）

但是像@ specter-d所说，包装器比移动整个body要好得多。