最近我在使用jquery時(shí)遇到了一個(gè)問(wèn)題,on click
事件無(wú)效。我嘗試了各種方法解決這個(gè)問(wèn)題,但是都沒(méi)有成功。
我首先檢查了jQuery是否已經(jīng)加載。我試著使用控制臺(tái)輸入$
來(lái)檢查jQuery是否可用。結(jié)果jQuery已經(jīng)被成功加載。
$; //輸出結(jié)果: //? (a,b){return new n.fn.init(a,b)}
然后,我檢查了on click
事件綁定的元素是否正確。我的代碼類似于以下的形式:
$('#example').on('click', function(){ //要執(zhí)行的代碼 });
我確認(rèn)了$('#example')
的確是需要綁定事件的元素。然后我嘗試著在元素上直接綁定click
事件:
$('#example').click(function(){ //要執(zhí)行的代碼 });
這時(shí)候,click
事件竟然生效了!我很困惑,我明明使用的是jQuery的on
方法來(lái)綁定事件,為什么它不工作呢?
最后,我查閱了jQuery的文檔,發(fā)現(xiàn)我一直在使用錯(cuò)誤的方法。on
方法需要提供事件類型和事件委托對(duì)象來(lái)綁定事件。因此,正確的寫法應(yīng)該是這樣:
$('body').on('click', '#example', function(){ //要執(zhí)行的代碼 });
這樣我就成功解決了on click
事件無(wú)效的問(wèn)題。