jquery绑定事件不生效的解决方法
更新时间：2014年02月11日 15:42:36 作者：
jquery绑定click事件，怎么都不生效，这个问题很多朋友都有遇到过，下面为大家解决一下,需要的朋友可以参考下
今天在开发前台页面时发现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时在进行绑定
第二个方式就是先要保证页面元素都初始化完成后，在去进行绑定，这时所有的元素都已将初始化完成，肯定能绑定上。
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时在进行绑定
第二个方式就是先要保证页面元素都初始化完成后，在去进行绑定，这时所有的元素都已将初始化完成，肯定能绑定上。
相关文章
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts绘制的基本折线图效果,结合实例形式分析了jQuery基于HighCharts插件绘制图形的具体实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
Jquery autocomplete是一个很强大的类似google suggest的自动提示插件。它几乎可以满足我们所有的需要。2010-04-04
第一次做的插件，我这个插件好像使用有些另类，是调用数据展示容器的元素$(#DataContent).AmSetPager({...});在参数中配置分页容器元素ID。写完插件后看别的插件都是调用分页元素ID2013-04-04
这篇文章主要介绍了jQuery遍历json的方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了众多参数，如显示动画持续时间、背景颜色、文本颜色、显示位置、加载ajax内容、回调函数等等。2015-05-05
这里给大家推荐几款比较好用实用易用的jQuery带箭头提示框tooltips插件，兼容性都很不错，大家根据需要自由选择吧2014-11-11
这篇文章主要介绍了jQuery实现精美的多级下拉菜单特效，主要依托于jQuery的fg.menu.js插件来实现的，效果非常棒，推荐给大家。2015-03-03
具体思路为：.首先要定位实现这种效果的元素 ，本次通过class；如果是动态显示不同的提示内容，需设置title;通过JQ给定位到元素加上 mouseover 和mouseout 事件2013-05-05
这篇文章主要为大家详细介绍了jquery实现页面常用的返回顶部效果代码，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了jQuery中index()的用法分析,针对API示例进行分析,给出了改进方法的实例,需要的朋友可以参考下2014-09-09
最新评论