今天在開發前台頁面時發現jquery綁定click事件,怎麼都不生效。程式碼如下:
1.html:
2.html引用的test.js中的方法函數:
$("#ceshisub").bind("click",function( ){
var a=1;
a =1;
alert("ceshisub");
});
出現的問題就是在頁中點解「點選事件」按鈕沒有任何反應,開啟js調試視窗在var a=1;這一行打的斷點沒有進來。
解決的方法是:
一、在上述js函數上新增載入事件:
新增後的程式碼如下:
複製程式碼
複製程式碼
複製程式碼
程式碼如下:
這樣的話,綁定事件就生效了。
js的載入函數共有三個,除了上述的
複製程式碼
程式碼如下: $(function(){ alert("第1種方法。");
});
還有以下兩種方法:
複製程式碼
程式碼如下:
window.onload=function(){
alert("第2種方法。 >
二、如果不採用js載入函數來對綁定事件進行初始化的話還有一個方法:
將引用js的語句
放到頁面的最後面進行載入。 總結: jquery在元素上A綁定事件時,首先會在docment中尋找該元素A,如果沒有找到則綁定失敗。 上面第一個解決方式是在頁面初始化後,在初始化js時在進行綁定第二個方式就是先要保證頁面元素都初始化完成後,在去進行綁定,這時所有的元素都已將初始化完成,肯定能綁定上。