Solve the problem that the element event on Dynamically added by jquery append does not work. jqueryappend
In the on method, you must first find the original selector (for example,. info), and then find the dynamically added selector (for example, column. delete ).
Not to mention the successful code (note the bold color ):
<! DOCTYPE html PUBLIC "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8">
<Title> test </title>
<Script type = "text/javascript"
Src = "../resources/js/jquery-1.11.1.min.js"> </script>
<Script type = "text/javascript">
$ (Function (){
// Add dynamically
$ (". Add"). on ("click", function (){
Console. log ("in ");
$ (". Info"). append ('<div class = "delete"> });
// Add an event to the dynamically added element-delete
$ (". Info"). On (" click ",". Delete", Function (){
Console. log ("in Delete! ");
$ (This). remove ();
});
});
</Script>
</Head>
<Body>
<H2 class = 'add'> click add dynamic element
<Div class = "info"></Div>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
