如何在单击Jquery的事件中调用函数？

Question

我的问题是当我想在一个事件中调用一个函数点击两个id时，错误是TypeError：e是未定义的

代码在这里：

function slide(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
};
$("#menu-toggle").click(slide());
$("#menu").slide();

Answer 1

您应该添加一个事件监听器并替换

$("#menu-toggle").click(slide());

通过

$("#menu-toggle").on('click', slide);

然后当您调用click时，将触发侦听器

但是如果你想调用这个函数只是一次性使用

$("#menu-toggle").click(slide);

Answer 2

您正在立即调用slide函数，而不是将其引用传递给单击处理程序。这是你需要的：

function slide(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
};
$("#menu-toggle").click(slide);

Answer 3

你不需要调用函数，你只需要传递它没有()

function slide(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
};


$("#menu-toggle").click(slide);
$("#menu-toggle").click(function(e){
  // here you can call however many functions you want. 
  slide(e)
  console.log("#menu-toggle clicked")
  // ...
});
$("#menu-toggle").click($("#menu").slide);