$(document).on(); 方法

$(document).on('click','要选择的元素',function(){});

用于动态事件的绑定:

        var sysfoot = '<p class="verifi-box text-danger error-box mib-error"></p>';
        sysfoot += '<button type="button" class="btn btn-primary addMibSub">确定</button>';
        sysfoot += '<button type="button" class="btn btn-danger addMibRest">重置</button>';

这种情况下的动态确定按钮,就只能使用on来进行触发,其他的都会无效

        $(document).on("click","#mibModal .addMibSub",function () {
            subMibSave();
        });

这样就可以触发了。


下面一段话是看到的一些总结:(该部分转自 https://www.cnblogs.com/sqh17/p/7746418.html)

1.从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。
    $().bind()直接绑定在元素上,和click,blur,mouseon一样的点击事件。

    $().live()是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。

    $().delegate()是更精确的小范围的使用事件代理。

             $().on()结合了这三个方法的优势摒弃了劣势。

2.该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。
3. 阻止事件冒泡和事件委托的方法:
    A:return false。 
      在事件的处理中,可以阻止默认事件和冒泡事件。

    B:event.preventDefault()
      在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。

    C:event.stopPropagation().。
      在事件的处理中,可以阻止冒泡但是允许默认事件的发生。


猜你喜欢

转载自blog.csdn.net/qq_37694421/article/details/79638603