javascript - 将函数传递给点击事件 jQuery

Question

我只是想知道我需要做什么才能将 clickAssistanceToggle 函数传递给我的 jQuery 单击事件，我已经查看了这里的一些答案，但找不到简单的解决方案对此。

到目前为止我有这段代码:

  function clickAssistanceToggle() {
    $('.car-hub-header-help, #assistance-overlay, .assistance-close-btn').click(function(){
      $('#new-car-hub, #new-car-offer').toggleClass('assistance-active');
      $('#pulman-assistance').toggleClass('pulman-assistance-active').css("top", fixedPositionCalculator);
      $('#assistance-overlay').toggleClass('assistance-overlay-active');
      $('#new-car').toggleClass('assistance-active-body');
      $('#new-car-offer-cta').toggleClass('assistance-active-cta');
    });
  };
  $('.new-car-general-enquiry-btn').click(function(){
    clickAssistanceToggle();
  });

正如您所看到的，该函数不会像这样运行，因为它尚未作为参数传递，我尝试像这样传递该函数:

  $('.new-car-general-enquiry-btn').click(function(clickAssistanceToggle){
    clickAssistanceToggle();
  });

但这似乎不起作用，知道如何将该函数传递给点击事件吗？谢谢

Answer 1

你可以这样调用，

 $('.new-car-general-enquiry-btn').click(clickAssistanceToggle);

或者

 $('.new-car-general-enquiry-btn').click(function(){
    clickAssistanceToggle();
  });

此外，绑定(bind)事件时 .new-car-general-enquiry-btn 元素也有可能未呈现。如果是这样，您需要将代码包装在 dom 就绪事件中。

$(document).ready(function() {
  $('.new-car-general-enquiry-btn').click(function() {
    clickAssistanceToggle();
  });
});