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>