html 未来元素绑定事件,jquery on如何给未来元素绑定事件?
生活随笔
收集整理的這篇文章主要介紹了
html 未来元素绑定事件,jquery on如何给未来元素绑定事件?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我們要想在一個元素上綁定一個事件,那么這個元素必須先存在,也就是綁定事件動作前就已有這個元素。
這是一個給元素綁定任何事件的前提。
如果按照這種思路走,那么“給未來元素綁定事件”將會是一個死胡同。
我們跳出問題設定的思維陷阱,把元素綁在未來元素的父級上,那么這個問題就迎刃而解了。
demo如下:
html部分代碼
添加菜單
js部分代碼
$('button.add').click(function(){
$('
mysql').appendTo('ul.menu');})
//給li綁定click事件
//記住不要把事件直接綁定在son元素上$('.son').on('click',function(){})
//正確的姿態(tài):
$('.menu').on('click', '.son', function(){
alert('正在進入...');
})
ok,拿這個demo嘗試一下,是不是未來添加的幾個菜單項都被綁定了點擊事件了呢?沒錯,jquery on 綁定未來事件就是這么簡單。
總結
以上是生活随笔為你收集整理的html 未来元素绑定事件,jquery on如何给未来元素绑定事件?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ztree html写法,ztree.h
- 下一篇: html旋转三角菜单,css3 这个三角