首頁  >  文章  >  web前端  >  jquery綁定事件不生效的解決方法_jquery

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

WBOY
WBOY原創
2016-05-16 17:00:351852瀏覽

今天在開發前台頁面時發現jquery綁定click事件,怎麼都不生效。程式碼如下:
1.html:
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種方法。 >
二、如果不採用js載入函數來對綁定事件進行初始化的話還有一個方法:
將引用js的語句

放到頁面的最後面進行載入。 總結: jquery在元素上A綁定事件時,首先會在docment中尋找該元素A,如果沒有找到則綁定失敗。 上面第一個解決方式是在頁面初始化後,在初始化js時在進行綁定第二個方式就是先要保證頁面元素都初始化完成後,在去進行綁定,這時所有的元素都已將初始化完成,肯定能綁定上。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn