Jquery Promise 以及何时不使用 Ajax

Question

我正在绞尽脑汁试图弄清楚如何正确使用它。大多数示例都使用 ajax，所以这可能是不可能的。

在我的示例中，我创建了一个函数，该函数淡出一个元素。我意识到 .fadeOut 可以有回调，但我想避免这种情况，只是为了学习目的。

我读到我需要返回一个 promise ，否则 $.when().done() 会立即触发。即使我附加了一个 promise ，它仍然会立即触发。

这是我的简单代码

function hide() {
    return $("#element").fadeOut(250).promise();
}

$.when( hide() ).done(function(){
    alert("Hidden");
});

是否有某些方法不能与 $.when() 一起使用，例如 .fadeOut()？

任何有助于理解的帮助都会很棒。

Answer 1

您应该重新安排 .done() 的位置。在https://jsfiddle.net/6mLshe77/7/ hide() 函数立即被调用，无需等待 $.when( hide() ).done(function(){alert("Hidden) 处的 click 事件");})

var div = $("<div/>").attr({
  id: "element"
});

$("button").on("click", function() {
  $("#wrapper").append(div);
  hide().done(function() {
    alert("Hidden");
  });
})

function hide() {
  return $("#element").fadeOut(1000).promise();
}

div {
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="wrapper"></div>

<button>
  Click Me
</button>

jsfiddle https://jsfiddle.net/6mLshe77/9/