jquery綁定事件不生效的解決方法
更新時(shí)間：2014年02月11日 15:42:36 作者：
jquery綁定click事件，怎么都不生效，這個(gè)問題很多朋友都有遇到過，下面為大家解決一下,需要的朋友可以參考下
今天在開發(fā)前臺(tái)頁面時(shí)發(fā)現(xiàn)jquery綁定click事件，怎么都不生效。代碼如下：
1.html：<input id="ceshisub" type="button" value="單擊事件" >
2.html引用的test.js中的方法函數(shù)：
$("#ceshisub").bind("click",function(){
var a=1;
a +=1;
alert("ceshisub");
});
出現(xiàn)的問題就是在頁面中點(diǎn)解“單擊事件”按鈕沒有任何反應(yīng)，打開js調(diào)試窗口在var a=1;這一行打的斷點(diǎn)沒有進(jìn)來。
解決的辦法是：
一、在上述js函數(shù)上添加加載事件：
添加后的代碼如下：
$(function(){
$("#ceshisub").bind("click",function(){
var a=1;
a +=1;
alert("ceshisub");
});
});
這樣的話，綁定事件就生效了。
js的加載函數(shù)共有三個(gè)，除了上述的
$(function(){
alert("第1種方法。");
});
還有以下兩個(gè)方法：
window.onload=function(){
alert("第2種方法。");
}
$(document).ready(function(){
alert("第3種方法。");
});
二、如果不采用js加載函數(shù)來對(duì)綁定事件進(jìn)行初始化的話還有一個(gè)方法：
將引用js的語句
<script language="javascript" src="/js/test.js"></script>
放到頁面的最后面進(jìn)行加載。
總結(jié)：
jquery在元素上A綁定事件時(shí)，首先會(huì)在docment中查找該元素A，如果沒有找到則綁定失敗。
上面第一個(gè)解決方式是在頁面初始化后，在初始化js時(shí)在進(jìn)行綁定
第二個(gè)方式就是先要保證頁面元素都初始化完成后，在去進(jìn)行綁定，這時(shí)所有的元素都已將初始化完成，肯定能綁定上。
1.html：<input id="ceshisub" type="button" value="單擊事件" >
2.html引用的test.js中的方法函數(shù)：
復(fù)制代碼 代碼如下:
$("#ceshisub").bind("click",function(){
var a=1;
a +=1;
alert("ceshisub");
});
出現(xiàn)的問題就是在頁面中點(diǎn)解“單擊事件”按鈕沒有任何反應(yīng)，打開js調(diào)試窗口在var a=1;這一行打的斷點(diǎn)沒有進(jìn)來。
解決的辦法是：
一、在上述js函數(shù)上添加加載事件：
添加后的代碼如下：
復(fù)制代碼 代碼如下:
$(function(){
$("#ceshisub").bind("click",function(){
var a=1;
a +=1;
alert("ceshisub");
});
});
這樣的話，綁定事件就生效了。
js的加載函數(shù)共有三個(gè)，除了上述的
復(fù)制代碼 代碼如下:
$(function(){
alert("第1種方法。");
});
還有以下兩個(gè)方法：
復(fù)制代碼 代碼如下:
window.onload=function(){
alert("第2種方法。");
}
$(document).ready(function(){
alert("第3種方法。");
});
二、如果不采用js加載函數(shù)來對(duì)綁定事件進(jìn)行初始化的話還有一個(gè)方法：
將引用js的語句
<script language="javascript" src="/js/test.js"></script>
放到頁面的最后面進(jìn)行加載。
總結(jié)：
jquery在元素上A綁定事件時(shí)，首先會(huì)在docment中查找該元素A，如果沒有找到則綁定失敗。
上面第一個(gè)解決方式是在頁面初始化后，在初始化js時(shí)在進(jìn)行綁定
第二個(gè)方式就是先要保證頁面元素都初始化完成后，在去進(jìn)行綁定，這時(shí)所有的元素都已將初始化完成，肯定能綁定上。
您可能感興趣的文章:
- jQuery中的bind綁定事件與文本框改變事件的臨時(shí)解決方法
- jQuery防止重復(fù)綁定事件的解決方法
- jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- 淺談jQuery綁定事件會(huì)疊加的解決方法和心得總結(jié)
- 解決jquery appaend元素中id綁定事件失效的問題
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- JQuery中綁定事件（bind()）和移除事件（unbind()）
- JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法
- jquery新的綁定事件機(jī)制on方法的使用方法
- jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
相關(guān)文章
下面簡(jiǎn)單介紹一下jQuery的一些特性和用法，對(duì)于學(xué)習(xí)jquery的朋友有不少幫助。2010-01-01
jQuery UI Draggable + Sortable 結(jié)合使用(實(shí)例講解)
下面小編就為大家?guī)硪黄猨Query UI Draggable + Sortable 結(jié)合使用(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
jquery使用echarts實(shí)現(xiàn)有向圖可視化功能示例
這篇文章主要介紹了jquery使用echarts實(shí)現(xiàn)有向圖可視化功能,結(jié)合完整實(shí)例形式分析了jquery的echarts.js插件實(shí)現(xiàn)有向圖可視化相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-11-11
基于jquery日歷價(jià)格、庫存等設(shè)置插件
這篇文章主要為大家詳細(xì)介紹了基于jquery日歷價(jià)格、庫存等設(shè)置插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
今天小編就為大家分享一篇關(guān)于AJAX在JQuery中的應(yīng)用詳解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
存儲(chǔ)的是被拖動(dòng)的圖片的初始坐標(biāo)，為兩個(gè)變量設(shè)置被拖動(dòng)圖片的初始坐標(biāo)，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-05-05
目前試了 jQuery 擴(kuò)展的編寫有兩種。2010-01-01
這篇文章主要介紹了jQuery Ajax中的事件詳細(xì)介紹,本文詳細(xì)的講解了AJAX的局部事件和全局事件、事件的順序等內(nèi)容,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
在jQuery中 關(guān)于json空對(duì)象篩選替換
本篇文章，小編將為大家介紹，在jQuery中 關(guān)于json空對(duì)象篩選替換，有需要的朋友可以參考一下2013-04-04