2015-02-23 58 views
-1

我想製作一個可點擊的圖像,這將允許我的側邊菜單顯示/隱藏。這工作,如果我手動插入「菜單打開」的類,但我的點擊功能不會觸發這個類,我一直在尋找,但沒有拿出一個答案,非常感謝。JQuery單擊功能不添加/刪除類

這是我到目前爲止。

我的CSS是:

.menu{ 
    overflow-x:hidden; 
    position: relative; 
    left:0px; 
} 
.menu-open{ 
    margin-left:201px; 
} 
.menu-open .menu-side{ 
    left:0px; 
} 
.menu-side{ 
    background-color: #333; 
    border-right: 1px solid #000; 
    color: #fff; 
    position: fixed; 
    top: 0px; 
    left: -201px; 
    width: 200px; 
    height: 100%; 
} 
+4

'$(body)toggleClass('menu-open');'應該有一段時間。 '$(body).toggleClass('menu-open');' – j08691 2015-02-23 18:26:57

+3

也不需要重新包裝'body',它已經是一個jQuery對象:'body.toggleClass('menu-open');' – George 2015-02-23 18:27:48

+0

這是糾正,你的代碼仍然不工作? – 2015-02-23 18:29:19

回答

0
$(document).ready(function(){ 
     var body = $('body'); 
     $('.menu-toggle').click(function(){ 
      $(body).toggleClass('menu-open'); 
     }); 
    }); 

此無線本地環路切換類menu-openbody

+0

謝謝,我添加了$(document).ready,它工作正常 – 2015-02-23 19:23:19

1

你缺少一個時期

$(body).toggleClass('menu-open');

+1

正如我在上面的評論中指出的那樣。請將該問題標記爲由於錯別字而不是農業代表的問題。 – j08691 2015-02-23 18:31:32

+1

已經將其標記。農業代表 – Popnoodles 2015-02-23 18:32:30