2017-04-03 18 views
0

該網站是http://109.74.0.128/~app/assistanstv/assistanstv/www.assistans.tv/tv.html切換NAV不開放

HTML:

<nav class="menu"> 
    <ul class="active"> 
     <li class="current-item"><a href="#">Home</a></li> 
     <li><a href="#">Barnasisstans</a></li> 
     <li><a href="#">Intervjuer</a></li> 
     <li><a href="#">Juridik</a></li> 
     <li><a href="#">LSS2020</a></li> 
     <li><a href="#">Resor</a></li> 
     <li><a href="#">Utbildning</a></li> 
    </ul> 

    <a class="toggle-nav" href="#">&#9776;</a> 
    </nav> 

jQuery的

jQuery(document).ready(function() { 
    jQuery('.toggle-nav').click(function(e) { 
     jQuery(this).toggleClass('active'); 
     jQuery('.menu ul').toggleClass('active'); 

     e.preventDefault(); 
    }); 
}); 

CSS代碼太長,我不能讓它反正工作。這讓我很快就瘋了。怎麼了?!

編輯:問題已解決。問題是

這是一個/最後。我解決它通過刪除最後一個/

+0

首先修復腳本中的其他錯誤 – guradio

+0

獲取錯誤TypeError:t.items [0]未定義 –

+0

您有任何錯誤? –

回答

0

我想你想這樣:

$(document).ready(function() { 
    $('.toggle-nav').click(function(e) { 
      $('.toggle-nav').removeClass('active') 
     $(this).toggleClass('active'); 
     $('.menu ul').toggleClass('active'); 
     e.preventDefault(); 
    }); 
}); 

CSS

.active { 
    background:tomato; 
} 

這個類只是一個樣本用於顯示類的撥動

​​