色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery 頁面刷新后不能綁定

在使用jQuery進(jìn)行前端開發(fā)的過程中,經(jīng)常會(huì)遇到頁面刷新后不能綁定的問題,這是因?yàn)轫撁嫠⑿潞螅珼OM結(jié)構(gòu)發(fā)生了改變,之前綁定的事件已經(jīng)不存在了。

$(document).ready(function(){
// 綁定click事件
$('button').click(function(){
console.log('click');
});
});
// 當(dāng)頁面刷新時(shí),之前的綁定事件會(huì)被銷毀
// 如果繼續(xù)點(diǎn)擊button,不會(huì)觸發(fā)console.log

為了解決這個(gè)問題,可以使用jQuery的on方法,動(dòng)態(tài)綁定事件。

$(document).on('click', 'button', function(){
console.log('click');
});
// 使用on方法,可以動(dòng)態(tài)綁定事件
// 即使DOM結(jié)構(gòu)發(fā)生改變,綁定的事件依然存在

除了on方法,還可以使用delegate方法和live方法,它們的作用與on方法相似,都可以解決頁面刷新后不能綁定的問題。

$(document).delegate('button', 'click', function(){
console.log('click');
});
$(document).live('click', 'button', function(){
console.log('click');
});
// delegate和live方法的用法與on方法類似

在實(shí)際開發(fā)中,為了避免頁面刷新后不能綁定的問題,應(yīng)盡量使用動(dòng)態(tài)綁定事件的方式。