Question

Irina在另一个帖子中说，＆＃34;我有一个响应式固定顶级菜单，点击菜单图标后打开。然后我想在点击其中一个菜单项后隐藏它。否则它会覆盖滑动部分的部分。＆＃34;

她说她通过在以下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");
    });
});

Answer 1

click内的menu-item代码中已有$(".responsive-menu > .menu-item").click(function(event){个活动，请尝试在其中添加$('#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();
    });
});

我需要帮助将此代码添加到jQuery函数.js文件中

1 个答案: