有一個導航欄，但問題是當我在手機或響應式環境中打開（單擊）它時（當漢堡菜單顯示時），它不會通過單擊打開，鏈接也不會顯示。下面是我正在使用的代碼。使用了必要的鏈接但不起作用。一切都很好，唯一的問題是漢堡菜單。$('.navTrigger').click(function() { $(this).toggleClass('active'); console.log("Clicked menu"); $("#mainListDiv").toggleClass("show_list"); $("#mainListDiv").fadeIn();});$(window).scroll(function() { if ($(document).scrollTop() > 50) { $('.nav').addClass('affix'); console.log("OK"); } else { $('.nav').removeClass('affix'); }});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><nav class="nav"> <div class="container"> <div class="logo"> <a href="#"><img src="img" class="ha"></a> </div> <div id="mainListDiv" class="main_list"> <ul class="navlinks second"> <li class="a"><a href="#">HOME</a></li> <li class="b"><a href="#">ABOUT US</a></li> <li class="c"><a href="#heading-three">OUR SERVICES</a></li> <li class="d"><a href="#">JOBS</a></li> <li class="e"><a href="#heading-two">CONTACT US</a></li> </ul> </div> <span class="navTrigger"> <i></i> <i></i> <i></i> </span> </div></nav><nav class="nav"> <div class="container"> <div class="logo"> <a href="#"><img src="chk2.png" class="hello"></a> </div> <div id="mainListDiv" class="main_list"> <ul class="navlinks second"> <li class="a"><a href="#">HOME</a></li> <li class="b"><a href="#">ABOUT US</a></li> <li class="c"><a href="#heading-three">OUR SERVICES</a></li> <li class="d"><a href="index7.html">JOBS AT HEGTAVIC</a></li> <li class="e"><a href="#heading-two">CONTACT US</a></li> </ul> </div> <span class="navTrigger"> <i></i> <i></i> <i></i> </span> </div></nav>
1 回答
揚帆大魚
TA貢獻1799條經驗 獲得超9個贊
我已經嘗試過你的代碼并按以下方式進行了修改。它運行良好。
$(document).ready(function(){
$('.navTrigger').on('click',function (){
$(this).toggleClass('active');
console.log("Clicked menu");
$("#mainListDiv").toggleClass("show_list");
$("#mainListDiv").fadeIn();
});
});
- 1 回答
- 0 關注
- 106 瀏覽
添加回答
舉報
0/150
提交
取消