blocks|key|1975118|text|.on()的语法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1975119|.on(+events+[,+selector+]+[,+data+],+handler(eventObject)+)|code-block|syntax|javascript|1975120|所以你可以：|1975121|$('body').on('change',+"#payment-address+select[name=\'customer_group_id\']"+,+function()+{
++++.........+SOME+PHP+CODE+....
});|1975122|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/on/^0|0|5|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

The syntax for <a href="http://api.jquery.com/on/" rel="nofollow">.on()</a> is:

<pre><code>.on( events [, selector ] [, data ], handler(eventObject) )
</code></pre>

So you can do:

<pre><code>$('body').on('change', "#payment-address select[name=\'customer_group_id\']" , function() {
 ......... SOME PHP CODE ....
});
</code></pre>

blocks|key|1255876|text|使用.on()|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1255877|语法|1255878|$(+elements+).on(+events,+selector,+data,+handler+);|code-block|syntax|javascript|1255879|$(document).on('change',+"#payment-address+select[name=\'customer_group_id\']"+,+function()+{
++++++++//code+here
});|1255880|$('parentElementPresesntAtDOMready').on('click',"#payment-address+select[name=\'customer_group_id\']",function(){
+++//+code+here
});|1255881|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/on/^0|2|5|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|M|3|N|5|H|7|13|8|@]|9|@]|C|$I|J]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

use <a href="http://api.jquery.com/on/" rel="nofollow">.on()</a>

Syntax

<pre><code>$( elements ).on( events, selector, data, handler );
</code></pre>

<hr>

<pre><code>$(document).on('change', "#payment-address select[name=\'customer_group_id\']" , function() {
 //code here
});
</code></pre>

<hr>

<pre><code>$('parentElementPresesntAtDOMready').on('click',"#payment-address select[name=\'customer_group_id\']",function(){
 // code here
});
</code></pre>

blocks|key|1975110|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1975111|++$('#payment-address').on('change',"select[name=\'customer_group_id\']"+function()+{
++++//code+here
++});|code-block|syntax|javascript|1975112|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try this:

<pre><code> $('#payment-address').on('change',"select[name=\'customer_group_id\']" function() {
 //code here
 });
</code></pre>

blocks|key|1975186|text|$('#payment-address').on('change',+'select[name=\'customer_group_id\']',+function()+{
++++++++.........+SOME+PHP+CODE+....
++++})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1975187|这被称为事件委托。通过这种方式，事件由支付地址(当所有事件在DOM树中冒泡)处理，并且当支付地址处理事件时，它会再次检查所提供的选择器的来源。因此，您可以使用不同的选择器进行不同的回调。|unstyled|1975188|通常，这些事件都是以这种方式附着在身体上的，因为身体总是存在的，所有的事件最终都会泡在身体上。|1975189|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>$('#payment-address').on('change', 'select[name=\'customer_group_id\']', function() {
 ......... SOME PHP CODE ....
 })
</code></pre>

This is called event delegation. In this way the event is handled by payment-address (as all events bubble up in the DOM tree), and when payment-address handles the event, it checks the origin agains the supplied selector. So you can have different callbacks with different selectors.

Usually the events are attached in this way to the body, as the body always exists and all events eventually bubble to the body

blocks|key|1255977|text|为了更改为on，您需要知道它是如何工作的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1255978|一个事件在DOM树中冒泡。如果单击锚点，事件也将传递给直接父、父、父等。这将一直传递到文档。|1255979|其他的答案给了你如何替换它们的方法，但我忽略了这一点：|1255980|你可以控制你让它浮起多远：|1255981|$('#wrapper_of_item').on('click',+'.item',+function);|code-block|syntax|javascript|1255982|这将阻止#wrapper_of_item之外的冒泡，从而节省一些资源。|offset|length|style|CODE|1255983|为了完成答案，向on()的最基本转换将是|1255984|//+From
$('.elem1').live('click',+someFunction);
$('.elem2').live('click',+someFunction);

//+To:
$(document).ready(function(){
++++//+Direct+conversion:
++++$('.elem1').on('click',+someFunction);
++++$('.elem2').on('click',+someFunction);

++++//+Or+a+bit+better:
++++$('#item1s_closest_wrapper_with_id').on('click',+'.elem1',+someFunction);
++++$('#item2s_closest_wrapper_with_id').on('click',+'.elem2',+someFunction);

});|1255985|entityMap^0|0|0|0|0|0|4|G|0|8|4|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|13|8|@$O|14|P|15|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|16|8|@$O|17|P|18|Q|R]]|9|@]|A|$]]|$1|U|3|V|5|J|7|19|8|@]|9|@]|A|$K|L]]|$1|W|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|X|$]]

In order to change to on, you need to be aware of how it works.

An event bubbles up through the DOM tree. If you click on a anchor, the event is also passed to the direct parent, to the parents parent, that parent, etc. This will go al the way up to the document

The other answers have given you the method how to replace them, but I miss this: 
You can control how far you let it bubble up:

<pre><code>$('#wrapper_of_item').on('click', '.item', function);
</code></pre>

This will stop the bubbling up beyond <code>#wrapper_of_item</code>, thus saving some resources.

<hr>

For the sake of completing the answer, the most basic conversion to <code>on()</code> would be this

<pre><code>// From
$('.elem1').live('click', someFunction);
$('.elem2').live('click', someFunction);

// To:
$(document).ready(function(){
 // Direct conversion:
 $('.elem1').on('click', someFunction);
 $('.elem2').on('click', someFunction);

 // Or a bit better:
 $('#item1s_closest_wrapper_with_id').on('click', '.elem1', someFunction);
 $('#item2s_closest_wrapper_with_id').on('click', '.elem2', someFunction);

});
</code></pre>

Today i checked my site for errors and i got this in Firebug console:

<blockquote>
 TypeError: $(...).live is not a function
</blockquote>

for this code

<pre><code> $('#payment-address select[name=\'customer_group_id\']').live('change', function() {
 ......... SOME PHP CODE ....
 });
</code></pre>

I've read <a href="https://stackoverflow.com/a/19110917/1773862">this</a> and the solution is to use on().
But the problem is that i don't know javascript/jquery.

Can anybody help me?

Transform $(…).live in .on

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

今天，我检查了我的站点是否有错误，并在Firebug控制台中得到了这样的信息：TypeError：$(.).live不是函数对于此代码 $('#payment-address select[name=\'customer_group_id\']').live('change', function() {        ......... SOME PHP CODE ....    });我读过，解

问Transform $(…).live in .on
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Transform $(…).live in .onEN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Transform $(…).live in .on
EN