javascript - 无法获得 onClick 功能以在 body 上工作

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 要好得多。