无法获得onClick功能以在身体上工作

Question

我试图将正文内容推向右侧，但是，出于某种原因，我似乎根本无法使我的正文变量与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中可以）

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