我怎样才能用 jquery 做一个循环？

Question

我在 jquery 中制作了这个，但它只能使用一次。我怎样才能制作一个循环并修复它？

$(function() {

    $('.bar-menu').on().click(function() {
        $('.header-menu-mobile ul').css('display', 'block');
        $('.form_mobile .search-bar input').css('margin-top', '-297px');
        $('.header_mobile .form_mobile .icon-search').css('margin-top', '-283px');
        $('.header_mobile .form_mobile .bar-menu').css('margin-top', '-295px');
        $(this).off().click(function() {
            $('.header-menu-mobile ul').css('display', 'none');
            $('.form_mobile .search-bar input').css('margin-top', '-72px');
            $('.header_mobile .form_mobile .icon-search').css('margin-top', '-59px');
            $('.header_mobile .form_mobile .bar-menu').css('margin-top', '-67px');
        });
    });
});

Answer 1

off() 将删除 on() 事件处理程序。使用标志变量代替它。

$(function() {
    $('.bar-menu').on().click(function() {
        $(this).context.flag = !$(this).context.flag;
        if($(this).context.flag) {
            $('.header-menu-mobile ul').css('display', 'block');
            $('.form_mobile .search-bar input').css('margin-top', '-297px');
            $('.header_mobile .form_mobile .icon-search').css('margin-top', '-283px');
            $('.header_mobile .form_mobile .bar-menu').css('margin-top', '-295px');
        } else {
            $('.header-menu-mobile ul').css('display', 'none');
            $('.form_mobile .search-bar input').css('margin-top', '-72px');
            $('.header_mobile .form_mobile .icon-search').css('margin-top', '-59px');
            $('.header_mobile .form_mobile .bar-menu').css('margin-top', '-67px');
        }
    });
});

我怎样才能用 jquery 做一个循环？

How can i make a loop with jquery?

javascript

css

jquery

loops

menu