jquery - 如何在jquery中运行一个函数

Question

我是一名编程新手，我不知道如何在 JQuery 中存储一个函数并在其中的多个位置运行。

我有:

$(function () {
  $("div.class").click(function(){
    //Doo something

  });

  $("div.secondclass").click(function(){
    //Doo something
  });

});

现在2个“//Doo somethings”是一样的，我不想再写同样的代码。

如果我输入:

$(function () {

  function doosomething ()
  {
    //Doo something
  }

  $("div.class").click(doosomething);

  $("div.secondclass").click(doosomething);

});

这将在页面加载时运行函数，而不是仅在点击时运行。

如何正确执行此操作？

谢谢!

Answer 1

以下内容应该可以很好地工作。

$(function() {

  // Way 1
  function doosomething()
  {
    //Doo something
  }

  // Way 2, equivalent to Way 1
  var doosomething = function() {
    // Doo something
  }

  $("div.class").click(doosomething);

  $("div.secondclass").click(doosomething);

});

基本上，您是在与使用它相同的范围内声明您的函数(JavaScript 使用 Closures 来确定范围)。

现在，由于 JavaScript 中的函数与任何其他对象的行为一样，您可以使用 .click(doosomething); 简单地将 doosomething 指定为点击时调用的函数；/p>

您的函数将不会执行，直到您使用 doosomething() 调用它(没有 () 的 doosomething 指的是函数但不t 调用它)或调用另一个函数(在本例中为 click 处理程序)。