點(diǎn)擊測試二的P元素內(nèi)容彈出與點(diǎn)擊測試三P元素不彈出
測試二中,點(diǎn)擊P元素可以彈出P元素中的內(nèi)容“$('button:first').mousedown(function(e) {alert(this)})”這個可以理解:因?yàn)橄旅嬗薪壎≒元素的mousedown事件。那為什么點(diǎn)擊測試三的P元素就不可以彈出信息”$('.right').mousedown(1111, set)“,之前不是已經(jīng)綁定過P元素了嗎?
測試二中,點(diǎn)擊P元素可以彈出P元素中的內(nèi)容“$('button:first').mousedown(function(e) {alert(this)})”這個可以理解:因?yàn)橄旅嬗薪壎≒元素的mousedown事件。那為什么點(diǎn)擊測試三的P元素就不可以彈出信息”$('.right').mousedown(1111, set)“,之前不是已經(jīng)綁定過P元素了嗎?
2018-09-06
舉報
2018-09-07
因?yàn)榻壎≒元素的事件是在第一個P元素之后,按順序執(zhí)行,它找不到后面的P,所以執(zhí)行這段點(diǎn)擊事件只會找到前面的那個P,不會找到后面的P。
想要后面的P元素也綁定點(diǎn)擊事件就必須把綁定事件的代碼放到最后面(就可以綁定所有的P元素),或者變著這樣:
文檔加載完后再執(zhí)行代碼,就可以都綁定了。