首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:00:35
原創
1848 人瀏覽過

今天在開發前台頁面時發現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時在進行綁定第二個方式就是先要保證頁面元素都初始化完成後,在去進行綁定,這時所有的元素都已將初始化完成,肯定能綁定上。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!