我真的不明白什么delegate
和promise
是。
根据文档 -
delegate
将选择器和事件绑定到某种包装容器,该容器可以在以后再次用于当前和未来的项目。promise()
如果新加载的所有内容都匹配,则会将事物重新映射回第一次有界时。可能我不是很懂这个promise方法。
如果包装器仍然存在,但包装器容器中的内容已更改和/或通过重新加载Ajax
怎么办?为什么事件没有像第一次绑定时那样触发或工作?
是的,我去过文档页面,我只是不完全理解他们的解释。
我真的不明白什么delegate
和promise
是。
根据文档 -
delegate
将选择器和事件绑定到某种包装容器,该容器可以在以后再次用于当前和未来的项目。promise()
如果新加载的所有内容都匹配,则会将事物重新映射回第一次有界时。可能我不是很懂这个promise方法。如果包装器仍然存在,但包装器容器中的内容已更改和/或通过重新加载Ajax
怎么办?为什么事件没有像第一次绑定时那样触发或工作?
是的,我去过文档页面,我只是不完全理解他们的解释。
我对这个问题有点困惑。我认为这是因为您promise
对and感到困惑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 特性集。它是Deferred
jQuery 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
是这个实现的一部分。您调用promise
jQuery 选择,当对象中的所有动画都完成时,您将获得一个可以绑定事件处理程序的对象。
例如:
$('div.special').fadeIn(5000).promise().then(function() {
// run when the animation succeeds
}).then(function() {
// also run when the animation succeeds
});
同样,这在效果上与传统方法相似,但它增加了灵活性。您可以稍后绑定处理程序,并且可以绑定多个。
delegate
基本上,和之间没有显着的关系promise
,但它们都是现代 jQuery 中的有用特性。