【问题标题】:Remove open class, on mobile navigation with jquery when anchor link is clicked单击锚链接时,使用 jquery 在移动导航上删除开放类
【发布时间】:2022-06-11 05:36:23
【问题描述】:

我阅读了很多类似的主题并创建了一个代码,假设当我单击一个带有类的按钮 - __mPS2id - 以删除带有类“menu_mobile”的打开菜单中的“打开”但我不工作。有人能说说哪里不对吗?

jQuery('.__mPS2id').on('click', function(e) {
        $('.menu_mobile').removeClass('opened');
    
    });

我的html是

<div class="menu_mobile scheme_dark opened">
    <div class="menu_mobile_inner">
        <a class="menu_mobile_close icon-cancel"></a> 


<nav class="menu_mobile_nav_area">
<ul id="menu_mobile" class="menu_mobile_nav">
<li id="menu_mobile-item-1291" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1291"><a href="#home" data-ps2id-api="true" class="__mPS2id _mPS2id-h mPS2id-highlight"><span>Начало</span></a></li>

<li id="menu_mobile-item-1545" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1545"><a href="#uslugi" data-ps2id-api="true" class="__mPS2id _mPS2id-h mPS2id-clicked"><span>Профиль услуг</span></a></li>

<li id="menu_mobile-item-1539" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1539"><a href="#photos" data-ps2id-api="true" class="__mPS2id _mPS2id-h"><span>Готовые проекты</span></a></li>

</ul></nav>     

【问题讨论】:

  • 我也尝试使用stackoverflow.com/questions/36433781/… 并把 - code $(document).ready(function(){ $('.__mPS2id a').click(function(){ $( '.menu_mobile_close 按钮​​').click(); }); }); code 但它也不起作用:(

标签: menu anchor


【解决方案1】:

我找到了 2 个解决方案!

jQuery(document).ready(function($) {
    $('#menu_mobile-item-1545').on('click touchend', function() {
$("a.menu_mobile_close").trigger('click');
    });
});

jQuery(document).ready(function($) {
    $('#menu_mobile-item-1545').on('click touchend', function() {
 $('.menu_mobile').removeClass('opened');
    });
});```

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-06
    • 1970-01-01
    • 1970-01-01
    • 2020-07-25
    • 1970-01-01
    相关资源
    最近更新 更多