我用on綁定一個(gè)后來(lái)添加的元素的事件,并沒(méi)有觸發(fā)?。?/h1>
<body>
? <p>on,click,delegate</p>
? <h2>ddddd</h2>
? <span></span
<script>
$("h2").on("click",function(){
? ? $("p:first").before(" <h3>sdfsdf</h3>");
})
$("h3").on("click", function(){
? ? $("span").append("on觸發(fā)! ");
});
單擊ddddd,會(huì)在最上面顯示sdfsdf,但我單擊sdfsdf后,并沒(méi)有顯示“on觸發(fā)”,是因?yàn)閛n不能綁定動(dòng)態(tài)添加的元素嗎?
<body>
? <p>on,click,delegate</p>
? <h2>ddddd</h2>
? <span></span
<script>
$("h2").on("click",function(){
? ? $("p:first").before(" <h3>sdfsdf</h3>");
})
$("h3").on("click", function(){
? ? $("span").append("on觸發(fā)! ");
});
單擊ddddd,會(huì)在最上面顯示sdfsdf,但我單擊sdfsdf后,并沒(méi)有顯示“on觸發(fā)”,是因?yàn)閛n不能綁定動(dòng)態(tài)添加的元素嗎?
2016-07-20
on支持動(dòng)態(tài)綁定,只不過(guò)需要綁定到父級(jí)元素上。
<script>
$("h2").on("click",function(){
$("p:first").before(" <h3>sdfsdf</h3>");
})
$("body").on("click","h3", function(){
??? $("span").append("on觸發(fā)! ");
});
?</script>