JQuery dynamically adds elements and binds events

Question 1: The method for creating a new tag is not bound, $ ("li "). bind ("click", clickLi) is executed only once during document ready. The newly added li does not bind the clickLi method:

$ ("Li"). bind ("click"

Question 2: repeat binding. $ ("li") is an array, including all the li Resources in the document. Therefore, the old tag is rebound and the clickLi method is executed multiple times:

$ ("Li"). bind ("click" $ ("li"). bind ("click"

Therefore, when the newly added element is bound to an event, (1) Add it once and bind it once; (2) bind only the newly added element and use the selector such as id and class.

You can also write the corresponding event to html when adding an element, such as onclick = "".