無法獲取OnClick函數以在正文上工作

但是，我嘗試將正文內容向右推，但出於某種原因，我似乎無法讓我的身體變量與onClick函數一起工作。我認爲只有'（document.body）'可以與（'click'，function（））一起使用，但似乎並不是這種情況？請參閱下面的代碼以及jsfiddle，提前感謝您的見解！無法獲取OnClick函數以在正文上工作

的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') 
}); 
    });

來源

2016-10-03 user2004758

嘗試使用$（body）而不是document.body - document.body是您在不使用jQuery的情況下使用的。 – kgiff

雖然你的小提琴似乎工作.. – Goombah

使用'$（'body'）'並且使用'margin-left：250px;'而不是在body上使用'left：250px'。編輯：或使用@MarekJanoud建議如下。 –

您要添加的類

.pushRight { 
    left: 250px; 
}

這是不打算做任何事情。如果您將其更改爲

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

這應該工作（或至少它的jsfiddle做）

但是，像幽靈@-d說，包裝會比移動整個body好得多。

來源

2016-10-03 14:56:42 Tijmen

無法獲取OnClick函數以在正文上工作

回答

相關問題