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