$(document).on(); 方法
阿新 • • 發佈:2018-11-09
$(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()直接繫結在元素上,和click,blur,mouseon一樣的點選事件。
$().live()是通過冒泡的方式來繫結到元素上的。更適合列表型別的,繫結到document DOM節點上。
$().delegate()是更精確的小範圍的使用事件代理。
$().on()結合了這三個方法的優勢摒棄了劣勢。
2.該函式可以為同一元素、同一事件型別繫結多個事件處理函式。觸發事件時,jQuery會按照繫結的先後順序依次執行繫結的事件處理函式。
3. 阻止事件冒泡和事件委託的方法:
A:return false。
在事件的處理中,可以阻止預設事件和冒泡事件。
B:event.preventDefault()
在事件的處理中,可以阻止預設事件但是允許冒泡事件的發生。
C:event.stopPropagation().。
在事件的處理中,可以阻止冒泡但是允許預設事件的發生。