jQuery的promise方法如何真正起作用？

Question

我真的不明白是什么delegate和promise有。

根据文档-

• delegate 会将选择器和事件绑定到某种包装容器，该包装容器可在以后的时间再次用于当前和将来的项目。
• promise()如果所有新加载的内容都匹配，则会将其重新映射到第一次受限制的时间。也许我不太了解这种允诺方法。

如果包装器仍然存在，但是包装器容器中的内容已更改和/或通过加载，该Ajax怎么办？为什么事件没有像第一次绑定那样触发或起作用？

是的，我去过文档页面，只是我不完全理解他们的解释。

Answer 1

这个问题让我有些困惑。我认为这是因为 您
对promise和感到困惑delegate。实际上，它们是jQuery完全不相关的功能。我将分别解释每个：

delegate

delegate是jQuery
1.4.2中引入的jQuery功能。（这是live对jQuery
1.3中添加的功能的更好的方法）。它解决了修改DOM（尤其是AJAX调用）带来的特定问题。

绑定事件处理程序时，将其绑定到选择项。因此，您可以$('.special').click(fn)将事件处理程序绑定到special该类的所有成员。您绑定到这些元素，因此，如果您随后从这些元素之一中删除该类，则仍将触发该事件。相反，如果将类添加到元素（或将新元素添加到DOM），则该类将没有事件绑定。

Javascript的一项功能可以缓解这种情况，称为“事件冒泡”。触发事件时，首先，浏览器会通知事件起源的元素。然后它进入DOM树，并通知每个祖先元素。这意味着您可以在DOM树上方的元素上绑定事件处理程序，并在任何子元素上触发事件（甚至是绑定处理程序时不存在的子元素）。

delegate是jQuery的实现。首先，选择一个父元素。然后，您指定一个选择器–仅当原始元素与此选择器匹配时，处理程序才会运行。然后你指定事件类型，如click，submit，keydown，就像用bind。然后，最后指定事件处理程序。

$('#containingElement').delegate('a.special', 'click', function() {
    alert('This will happen on all links with the special class');
});

promise

promise是jQuery功能集的另一个相对较新的功能。它是DeferredjQuery
1.5中引入的概念的一部分。（我认为“递延”和“委派”之间的声音相似性可能是造成混淆的原因。）这是一种抽象异步代码复杂性的方法。最好的例子是AJAX调用，因为返回的对象$.ajax是Deferred对象。例如：

$.ajax({
    url: 'somepage.cgi',
    data: {foo: 'bar'}
}).done(function() {
    // this will be run when the AJAX request succeeds
}).fail(function() {
    // this will be run when the AJAX request fails
}).always(function() {
    // this will be run when the AJAX request is complete, whether it fails or succeeds
}).done(function() {
    // this will also be run when the AJAX request succeeds
});

因此，它在许多方面与$.ajax调用中的绑定成功处理程序相同，不同之处在于，您可以绑定多个处理程序，并且可以在首次调用后绑定它们。

另一个有用的异步处理方式是动画。您可以提供函数的回调，但最好使用与上面提供的AJAX示例类似的语法来实现。

在jQuery
1.6中，此功能成为可能，并且promise是此实现的一部分。您调用promisejQuery选择，当对象中的所有动画完成时，您将获得一个可以将事件处理程序绑定到的对象。

例如：

$('div.special').fadeIn(5000).promise().then(function() {
    // run when the animation succeeds
}).then(function() {
    // also run when the animation succeeds
});

同样，这实际上与传统方法类似，但是增加了灵活性。您可以在以后绑定处理程序，并且可以绑定多个。

摘要

基本上，delegate和之间没有显着的关系promise，但是它们都是现代jQuery中有用的功能。