萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery綁定事件不生效的解決方法

jquery綁定事件不生效的解決方法

 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時在進行綁定  第二個方式就是先要保證頁面元素都初始化完成後,在去進行綁定,這時所有的元素都已將初始化完成,肯定能綁定上。   
copyright © 萬盛學電腦網 all rights reserved