Question

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

根据文档 -

delegate会将选择器和事件绑定到某种包装容器，以后可以再次用于当前和未来的项目。
promise()会将内容重新映射到第一个限定时间。也许我真的不明白这种承诺方法。

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

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

Answer 1

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

`delegate`

delegate是jQuery 1.4.2中引入的jQuery的一个特性。（这是jQuery 1.3中添加的live功能的更好方法。它解决了修改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功能集的另一个相对较新的补充。它是jQuery 1.5中引入的Deferred概念的一部分。（我认为“延迟”和“委托”之间声音的相似性可能是混淆的原因。）这是一种抽象异步代码复杂性的方法。最好的例子是使用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是此实现的一部分。您在jQuery选择上调用promise，当对象中的所有动画都已完成时，您将获得一个可以绑定事件处理程序的对象。

例如：

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

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

摘要

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

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

1 个答案:

`delegate`

`promise`

摘要