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

Question

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

根据文件 -

• delegate 将选择器和事件绑定到某种包装容器,以后可以在以后再次使用当前和未来的项目.
• promise()如果所有新加载的匹配,它会重新映射到第一个有限的东西.也许我真的不明白这种承诺方法.

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

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

Answer 1

我对这个问题有点困惑.我想这是因为你被迷惑promise和delegate.它们实际上是jQuery完全不相关的功能.我将分别解释每个:

delegate

delegate是jQuery 1.4.2中引入的jQuery的一个特性.(这是livejQuery 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中都是有用的功能.