jquery綁定click事件,怎麼都不生效,這個問題很多朋友都有遇到過,下面為大家解決一下,需要的朋友可以參考下
今天在開發前台頁面時發現jquery綁定click事件,怎麼都不生效。代碼如下: 1.html:<input id="ceshisub" type="button" value="單擊事件" > 2.html引用的test.js中的方法函數: 代碼如下: $("#ceshisub").bind("click",function(){ var a=1; a +=1; alert("ceshisub"); }); 出現的問題就是在頁面中點解“單擊事件”按鈕沒有任何反應,打開js調試窗口在var a=1;這一行打的斷點沒有進來。 解決的辦法是: 一、在上述js函數上添加加載事件: 添加後的代碼如下: 代碼如下: $(function(){ $("#ceshisub").bind("click",function(){ var a=1; a +=1; alert("ceshisub"); }); }); 這樣的話,綁定事件就生效了。 js的加載函數共有三個,除了上述的 代碼如下: $(function(){ alert("第1種方法。"); }); 還有以下兩個方法: 代碼如下: window.onload=function(){ alert("第2種方法。"); } $(document).ready(function(){ alert("第3種方法。"); }); 二、如果不采用js加載函數來對綁定事件進行初始化的話還有一個方法: 將引用js的語句 <script language="javascript" src="/js/test.js"></script> 放到頁面的最後面進行加載。 總結: jquery在元素上A綁定事件時,首先會在docment中查找該元素A,如果沒有找到則綁定失敗。 上面第一個解決方式是在頁面初始化後,在初始化js時在進行綁定 第二個方式就是先要保證頁面元素都初始化完成後,在去進行綁定,這時所有的元素都已將初始化完成,肯定能綁定上。