DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery綁定事件不生效的解決方法
jquery綁定事件不生效的解決方法
編輯:JQuery特效代碼     
今天在開發前台頁面時發現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時在進行綁定
第二個方式就是先要保證頁面元素都初始化完成後,在去進行綁定,這時所有的元素都已將初始化完成,肯定能綁定上。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved