使用 jQuery 调用另一个函数

Question

我相信这非常容易。 我想从 jQuery 调用另一个函数，或者将它内联包含在内。 例子：

$( "#drag-box-facebook" ).draggable({ revert: "invalid" }, function() {alert("")});

但是，这不起作用，我不知道为什么。

更新澄清一下，拖动的基本功能工作正常，只是没有调用下一个功能。

最基础的版本显然是

$( "#drag-box-facebook" ).draggable({ revert: "invalid" });

JSFiddle

Answer 1

你可以很容易地调用函数......在开始、拖动或停止时。 您只需要定义它何时运行。

$( "#draggable" ).draggable({
  start: function() {
    alert("start");
  },
  drag: function() {
     alert("drag");
  },
  stop: function() {
     alert("stop");
  }
});

Answer 2

根据 jQuery UI 文档，您必须在函数前面放置一个事件，以便它知道何时触发该函数。

例如，如果您希望在创建可拖动对象时触发该函数，您可以使用：

$( "#drag-box-facebook" ).draggable({
   revert: "invalid", 
   create: function() { alert(""); }
});

其他可用事件包括：创建、拖动、启动和停止。 完整的文档位于jQuery UI 页面上。

如果您希望在拖动完成时发生这种情况，您可以使用stop 。