ボディ上で動作する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でない）

しかし、@の亡霊-dが言ったように、ラッパーは全体bodyを移動するよりもはるかに良いだろう。