jquery綁定事件不生效的解決方法
更新時間：2014年02月11日 15:42:36 作者：
jquery綁定click事件，怎么都不生效，這個問題很多朋友都有遇到過，下面為大家解決一下,需要的朋友可以參考下
今天在開發(fā)前臺頁面時發(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ù)共有三個，除了上述的
$(function(){
alert("第1種方法。");
});
還有以下兩個方法：
window.onload=function(){
alert("第2種方法。");
}
$(document).ready(function(){
alert("第3種方法。");
});
二、如果不采用js加載函數(shù)來對綁定事件進(jìn)行初始化的話還有一個方法：
將引用js的語句
<script language="javascript" src="/js/test.js"></script>
放到頁面的最后面進(jìn)行加載。
總結(jié)：
jquery在元素上A綁定事件時，首先會在docment中查找該元素A，如果沒有找到則綁定失敗。
上面第一個解決方式是在頁面初始化后，在初始化js時在進(jìn)行綁定
第二個方式就是先要保證頁面元素都初始化完成后，在去進(jìn)行綁定，這時所有的元素都已將初始化完成，肯定能綁定上。
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ù)共有三個，除了上述的
復(fù)制代碼 代碼如下:
$(function(){
alert("第1種方法。");
});
還有以下兩個方法：
復(fù)制代碼 代碼如下:
window.onload=function(){
alert("第2種方法。");
}
$(document).ready(function(){
alert("第3種方法。");
});
二、如果不采用js加載函數(shù)來對綁定事件進(jìn)行初始化的話還有一個方法：
將引用js的語句
<script language="javascript" src="/js/test.js"></script>
放到頁面的最后面進(jìn)行加載。
總結(jié)：
jquery在元素上A綁定事件時，首先會在docment中查找該元素A，如果沒有找到則綁定失敗。
上面第一個解決方式是在頁面初始化后，在初始化js時在進(jìn)行綁定
第二個方式就是先要保證頁面元素都初始化完成后，在去進(jìn)行綁定，這時所有的元素都已將初始化完成，肯定能綁定上。
您可能感興趣的文章:
- jQuery中的bind綁定事件與文本框改變事件的臨時解決方法
- jQuery防止重復(fù)綁定事件的解決方法
- jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- 淺談jQuery綁定事件會疊加的解決方法和心得總結(jié)
- 解決jquery appaend元素中id綁定事件失效的問題
- jQuery給動態(tài)添加的元素綁定事件的方法
- JQuery中綁定事件（bind()）和移除事件（unbind()）
- JQuery 綁定事件時傳遞參數(shù)的實現(xiàn)方法
- jquery新的綁定事件機(jī)制on方法的使用方法
- jQuery動態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
相關(guān)文章
jQuery插件HighCharts繪制的基本折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制的基本折線圖效果,結(jié)合實例形式分析了jQuery基于HighCharts插件繪制圖形的具體實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
Jquery autocomplete是一個很強(qiáng)大的類似google suggest的自動提示插件。它幾乎可以滿足我們所有的需要。2010-04-04
第一次做的插件，我這個插件好像使用有些另類，是調(diào)用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁容器元素ID。寫完插件后看別的插件都是調(diào)用分頁元素ID2013-04-04
這篇文章主要介紹了jQuery遍歷json的方法的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了眾多參數(shù)，如顯示動畫持續(xù)時間、背景顏色、文本顏色、顯示位置、加載ajax內(nèi)容、回調(diào)函數(shù)等等。2015-05-05
這里給大家推薦幾款比較好用實用易用的jQuery帶箭頭提示框tooltips插件，兼容性都很不錯，大家根據(jù)需要自由選擇吧2014-11-11
這篇文章主要介紹了jQuery實現(xiàn)精美的多級下拉菜單特效，主要依托于jQuery的fg.menu.js插件來實現(xiàn)的，效果非常棒，推薦給大家。2015-03-03
Jquery實現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
具體思路為：.首先要定位實現(xiàn)這種效果的元素 ，本次通過class；如果是動態(tài)顯示不同的提示內(nèi)容，需設(shè)置title;通過JQ給定位到元素加上 mouseover 和mouseout 事件2013-05-05
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)頁面常用的返回頂部效果代碼，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了jQuery中index()的用法分析,針對API示例進(jìn)行分析,給出了改進(jìn)方法的實例,需要的朋友可以參考下2014-09-09