关于toggle事件委托的处理

Posted 2020-10-11 ldybyz

 

当html页面加载后，页面上需要再次动态加载的按钮等事件的绑定，我们有两种处理方案

一、再次加载后进行绑定

 

二、使用委托进行绑定

 

而toggle事件是无法直接绑定的，这时可以转化为click的事件，并保存一个值，并根据该值判断是点击了几次，对此进行处理，具体代码示例如下

 

 $(‘#sample_‘).on(‘click‘,‘.openBtn‘,function () {
    var toggled = $(this).data(‘toggled‘);
    $(this).data(‘toggled‘, !toggled);
    if (!toggled) {
        x1();
    }
    else {
        x2();
    }
});