blocks|key|3752016|text|使用.on()而不是live是正确的委派方式|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3752017|$('staticAncestorElement').on('click','#foo',function(){

});|code-block|syntax|javascript|3752018|正如您从jQuery+live()文档中所看到的|3752019|3752020|+$(选择器).live(事件，数据，处理器)；//+jQuery+1.3%2B|blockquote|3752021|3752022|$(文档).delegate(选择器，事件，数据，处理器)；//+jQuery+1.4.3%2B|3752023|$(Document).on(事件，选择器，数据，处理器)；//+jQuery+1.7%2B|3752024|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/live/^0|2|5|0|0|B|6|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|M|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]|$1|N|3|O|5|P|7|1C|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]|$1|R|3|S|5|6|7|1E|8|@]|D|@]|E|$]]|$1|T|3|U|5|6|7|1F|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|W|$X|$5|Y|Z|10|E|$11|12]]]]

Delegation using <code>.on()</code> is the correct way instead of using live
<pre><code>$('staticAncestorElement').on('click','#foo',function(){

});
</code></pre>
as you can see from the jQuery <a href="http://api.jquery.com/live/" rel="nofollow noreferrer">live()</a> documents
<blockquote>
$(selector).live(events, data, handler); // jQuery 1.3+
$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+
$(document).on(events, selector, data, handler); // jQuery 1.7+
</blockquote>

blocks|key|402346|text|拥有所有其他绑定的所有功能。要绑定到动态元素，可以像这样使用on()：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|402347|$(document).on('click',+'#foo',+function()+{
++++//
});|code-block|syntax|javascript|402348|最好是使用关闭的静态元素，而不是document。|402349|引用我的另一篇文章关于jQuery提供的许多绑定方法：|402350|在1.0中添加了|402351|+bind()，在1.3中添加了live()，在1.4.2中添加了delegate()，在1.7中添加了on()。|blockquote|402352|402353|在1.7版本中，on()是首选用法，live()已弃用，根本不推荐使用。如果您使用的是1.3版本，请使用bind()而不是live()；在1.4.2版本中，请使用delegate()而不是live()；在1.7版本中，请使用on()而不是其他任何版本。|402354|402355|您可以查看完整的post+here，其中还列出了live()的许多缺点，以及为什么在jQuery+1.7或更高版本中不应该再使用它。|402356|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/11148053/448144^0|U|4|0|0|G|8|0|0|0|1|6|G|6|X|A|1G|4|0|0|8|4|I|6|1G|6|1P|6|29|A|2M|6|34|4|0|0|O|6|D|4|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1E|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1F|8|@]|D|@]|E|$]]|$1|Q|3|R|5|S|7|1G|8|@$9|1H|A|1I|B|C]|$9|1J|A|1K|B|C]|$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1Q|8|@$9|1R|A|1S|B|C]|$9|1T|A|1U|B|C]|$9|1V|A|1W|B|C]|$9|1X|A|1Y|B|C]|$9|1Z|A|20|B|C]|$9|21|A|22|B|C]|$9|23|A|24|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|25|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|26|8|@$9|27|A|28|B|C]]|D|@$9|29|A|2A|1|2B]]|E|$]]|$1|Z|3|-4|5|6|7|2C|8|@]|D|@]|E|$]]]|10|$11|$5|12|13|14|E|$15|16]]]]

<a href="http://api.jquery.com/on" rel="nofollow noreferrer">On()</a> has all the abilities of all other bindings. To bind to dynamic elements you can use <code>on()</code> like this:

<pre><code>$(document).on('click', '#foo', function() {
 //
});
</code></pre>

Preferably you want to use a close static element instead of <code>document</code>.

To quote from another post of mine regarding the many binding methods jQuery has on offer:

<blockquote>
 <code>bind()</code> was added in 1.0, <code>live()</code> in 1.3, <code>delegate()</code> in 1.4.2 and
 <code>on()</code> in 1.7.
 
 As of 1.7 <code>on()</code> is the preferred use and <code>live()</code> is deprecated and
 not recommended at all. If you are using 1.3 use <code>bind()</code> instead of
 <code>live()</code> and as of 1.4.2 use <code>delegate()</code> instead of <code>live()</code> and as of
 1.7 use <code>on()</code> instead of any of the others.
</blockquote>

You can see the full post <a href="https://stackoverflow.com/a/11148053/448144">here</a>, which also list the many drawbacks of <code>live()</code> and why it should not be used any more in jQuery 1.7 or later.

blocks|key|4232346|text|具有较新的jQuery+.click()、.submit()等的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4232347|被替换为|blockquote|4232348|4232349|4232350|他们没有被替换。click和submit仍然有效，但现在它们是on的捷径。不推荐使用的方法是bind和live。现在，您可以执行以下操作来委托事件：|offset|length|style|CODE|4232351|$(closestStaticParent).on('click',+'element',+function(){+...+})|code-block|syntax|javascript|4232352|entityMap^0|0|0|0|0|8|5|E|6|V|2|1A|4|1F|4|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$]]|$1|E|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|X|8|@$I|Y|J|Z|K|L]|$I|10|J|11|K|L]|$I|12|J|13|K|L]|$I|14|J|15|K|L]|$I|16|J|17|K|L]]|9|@]|A|$]]|$1|M|3|N|5|O|7|18|8|@]|9|@]|A|$P|Q]]|$1|R|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|S|$]]

<blockquote>
 With the newer jQuery .click(), .submit(), etc. was replaced by
</blockquote>

They weren't replaced. <code>click</code> and <code>submit</code> still work but now they are shortcuts to <code>on</code>. The methods that are deprecated are <code>bind</code> and <code>live</code>. Now you can do this to delegate events:

<pre><code>$(closestStaticParent).on('click', 'element', function(){ ... })
</code></pre>

blocks|key|3752181|text|没有用.on("click"替换.click。请阅读文档。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3752182|As+of+jQuery+1.7,+the+.live()+method+is+deprecated.+Use+.on()+to+attach+event+handlers.|3752183|.live被.on和.off取代。|3752184|像.click这样的其他函数将继续按预期工作|3752185|3752186|.live()|unordered-list-item|3752187|.on()|3752188|.off()+(+.die())|3752189|的较新版本|3752190|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/live/|1|http://api.jquery.com/on/|2|http://api.jquery.com/off/|3|http://api.jquery.com/die/^0|3|B|G|6|0|0|2F|0|0|5|6|3|A|4|0|1|6|0|0|0|7|0|0|0|5|1|0|0|6|2|9|6|3|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1H|8|@$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|1O|8|@$9|1P|A|1Q|B|C]]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|1S|8|@]|D|@$9|1T|A|1U|1|1V]]|E|$]]|$1|P|3|Q|5|O|7|1W|8|@]|D|@$9|1X|A|1Y|1|1Z]]|E|$]]|$1|R|3|S|5|O|7|20|8|@]|D|@$9|21|A|22|1|23]|$9|24|A|25|1|26]]|E|$]]|$1|T|3|U|5|6|7|27|8|@]|D|@]|E|$]]|$1|V|3|-4|5|6|7|28|8|@]|D|@]|E|$]]]|W|$X|$5|Y|Z|10|E|$11|12]]|13|$5|Y|Z|10|E|$11|14]]|15|$5|Y|Z|10|E|$11|16]]|17|$5|Y|Z|10|E|$11|18]]]]

<code>.click</code> was not replaced with <code>.on("click"</code>. Read the documentation.

<code>As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers.</code>

<code>.live</code> was replaced by <code>.on</code> and <code>.off</code>. 

Other functions like <code>.click</code> will continue to work as expected

<ul>
<li><a href="http://api.jquery.com/live/" rel="nofollow">.live()</a></li>
<li><a href="http://api.jquery.com/on/" rel="nofollow">.on()</a></li>
<li><a href="http://api.jquery.com/off/" rel="nofollow">.off()</a> (newer version of <a href="http://api.jquery.com/die/" rel="nofollow">.die()</a>)</li>
</ul>

With the newer jQuery <code>.click()</code>, <code>.submit()</code>, etc. was replaced by:

<pre><code>$('#foo').on('click', function() {
 //
});
</code></pre>

in terms of best practice. Did anything similar happen to <code>.live()</code>? Or is this still the best way to do it?

<pre><code>$('#foo').live('click', function() {
 //
});
</code></pre>

Is there a better way to attach events to AJAX loaded elements than to use .live()?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

使用较新的jQuery .click()、.submit()等替换为：$('#foo').on('click', function() {    //});在最佳实践方面。.live()也发生过类似的事情吗？或者，这仍然是最好的方法吗？$('#foo').live('click', function() {    //...

问有比使用.live()更好的方法将事件附加到AJAX加载的元素吗？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有比使用.live()更好的方法将事件附加到AJAX加载的元素吗？EN