如何从另一个单击事件函数内的单击事件调用函数? [英] How to call a function from click event inside another click event function?

查看:16
本文介绍了如何从另一个单击事件函数内的单击事件调用函数?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有 2 个函数可以在单击元素时触发.但是,我想使用应该通过单击事件在另一个函数中执行的第一个函数.我还是个新手.

I have 2 functions that triggers when an element is clicked. However, i want to use the first function that should be executed in another function via click event. I am still a newbie.

我已经尝试调用该函数并在我希望执行它的另一个函数中声明函数名称.是不是因为第一个函数只能在其元素上触发 vie click 事件?我还在一个函数上嵌套了点击事件,但效果不佳.

I already tried calling the function and declaring the function name inside the other function where i want it to be executed. Is it not working because the first function can only be triggered vie click event on its element? I also nested the click event on a function but it didn't work as well.

$(document).ready(function()
function toggleMenuClick(){

$('.menu-link').click(function (normal){
    normal.preventDefault();
    $('.menu-link').toggleClass('close');
    $('.overlay-menu').toggleClass('active');
    $('.menu-link').toggleClass('fixed');
    $('nav ul').toggleClass('show');
    $('nav ul li').toggleClass('fade-in');
    $('body').toggleClass('min-height');

    if ($(window).scrollTop() <= 99){
        $('.menu-link').toggleClass('white');
    }
});

}

toggleMenuClick();

$('.scroll-link').click(function(navigate){
   navigate.preventDefault();
      $("html, body").animate({
      scrollTop: $(this.hash).offset().top
      }, 700);
toggleMenuClick();
});
});

我希望 toggleMenuClick 中的所有类在 .scroll-link 被点击时也被切换.

I want all the classes from toggleMenuClick to be toggled when .scroll-link is clicked as well.

推荐答案

您需要使 toggleMenuClick 成为一个单独的函数,在您的点击处理程序之外,以便您可以独立调用它.

You need to make toggleMenuClick a separate function, outside your click handlers, so that you can call it independently.

它看起来像这样:

var toggleMenuClick = function() {
    // Do classes stuff...
}


$('.menu-link').click(function(e) {
    e.preventDefault();
    toggleMenuClick();
});

$('.scroll-link').click(function(e){
    // Do stuff...

    // Now you can call your function
    toggleMenuClick();
});


这篇关于如何从另一个单击事件函数内的单击事件调用函数?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆