為什么只有第一個p元素點擊了有反應
為什么點擊第一個p元素有反應，第二個沒有 是因為script放的位置的關系嗎，有人能具體解釋一下嗎
慕前端7352391
2017-09-05
3 回答
舉報
0/150
提交
取消
2020-05-11
因為編寫順序問題，使得該script以下代碼還未加載，當把如下代碼添加最后，第二個p標簽點擊事件生效
<script?type="text/javascript"> ????????$('p').click(function(e)?{? ????????????alert(e.target.textContent) ????????}) ????????//this指向button元素 ????????$("button:eq(1)").click(function()?{ ????????????$('p').click()?//指定觸發(fā)綁定的事件 ????????}) ????</script>還可以使用$(document).ready()節(jié)點都加載完畢后，再執(zhí)行后續(xù)的代碼
?$(document).ready(function() {
? ? ? ? ? ? $('p').click(function(e) {
? ? ? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? ? ? })
? ? ? ? ? ? $("button:eq(1)").click(function() {
? ? ? ? ? ? ? ? $('p').click() //指定觸發(fā)綁定的事件
? ? ? ? ? ? })
? ? ? ? })
2017-09-13
????????$('p').click(function(e)?{ ????????????alert(e.target.textContent) ????????})這是第一個p元素上的事件代碼。
可以看出，點擊p元素即跳出警告框，其內(nèi)容來p標簽內(nèi)的文本。
????????function?data(e)?{ ????????????alert(e.data)?//1111 ????????} ????????function?a()?{ ????????????$("button:eq(2)").click(1111,?data) ????????} ????????a();而在第二個p元素上，沒有帶有$('p')的內(nèi)容，你仔細看，是不是。
2017-09-05
因為第一個p上加了事件，而第二個p上沒有
<script?type="text/javascript"> ????????$('p').click(function(e)?{? ????????????alert(e.target.textContent) ????????}) ????????//this指向button元素 ????????$("button:eq(1)").click(function()?{ ????????????$('p').click()?//指定觸發(fā)綁定的事件 ????????}) ????</script>