2015-11-26 42 views
-2

Irina在另一個線程中說:「我點擊菜單圖標後會打開一個響應式固定頂級菜單,然後我想點擊其中一個菜單項,否則它會覆蓋滑動部分的一部分。「我需要幫助將此代碼添加到jQuery函數.js文件

她說她通過在下面的jQuery函數中添加一行代碼來完成這項工作。但我在哪裏把這個代碼放在jQuery函數中來實現這個功能?我不是一個編碼器,所以請通過具體來幫助我。謝謝。

此代碼:

$('.menu-item').click(function() { $('#menu-primary-menu').slideToggle(); }); 

去下面的代碼的某個地方。

jQuery(function($){ 

$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>'); 

$(".responsive-menu-icon").click(function(){ 
    $(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle(); 
}); 

$(window).resize(function(){ 
    if(window.innerWidth > 600) { 
     $("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style"); 
     $(".responsive-menu > .menu-item").removeClass("menu-open"); 
    } 
}); 

$(".responsive-menu > .menu-item").click(function(event){ 
    if (event.target !== this) 
    return; 
     $(this).find(".sub-menu:first").slideToggle(function() { 
     $(this).parent().toggleClass("menu-open"); 
    }); 
}); 
+0

爲什麼你不分享標記? – Mayank

+0

鏈接到Irina的問題並將代碼放在'jQuery(function($){' – madalinivascu

回答

0

你已經有menu-item$(".responsive-menu > .menu-item").click(function(event){代碼click事件,嘗試添加$('#menu-primary-menu').slideToggle();裏面。下面試試

jQuery(function($){ 

$("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>'); 

$(".responsive-menu-icon").click(function(){ 
    $(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle(); 
}); 

$(window).resize(function(){ 
    if(window.innerWidth > 600) { 
     $("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style"); 
     $(".responsive-menu > .menu-item").removeClass("menu-open"); 
    } 
}); 

$(".responsive-menu > .menu-item").click(function(event){ 
    if (event.target !== this) 
    return; 
     $(this).find(".sub-menu:first").slideToggle(function() { 
     $(this).parent().toggleClass("menu-open"); 
     $('#menu-primary-menu').slideToggle(); 
    }); 
});