About toggle event Delegate processing, toggle event Delegate

About toggle event Delegate processing, toggle event Delegate

 

After an html page is loaded, events such as buttons that need to be dynamically loaded on the page are bound. We have two solutions:

1. Bind after reload

 

Ii. bind with Delegation

 

The toggle event cannot be directly bound. In this case, it can be converted to a click event, and a value is saved. Based on this value, it is determined that it has been clicked several times for processing, the code example is as follows:

 

$ ('# Sample _'). on ('click ','. openBtn ', function () {var toggled = $ (this ). data ('togged'); $ (this ). data ('togged ',! Toggled); if (! Toggled) {x1 () ;}else {x2 ();}});