Jquery绑定事件失效
2016-09-09 22:11
204 查看
在学习Jquery事件的时候发现了一下问题:最初的demo为:
这样就能绑定成功了
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> <link rel="stylesheet" type="text/css" href="easyui.css"> <link rel="stylesheet" type="text/css" href="icon.css"> <script type="text/javascript" src="..\JQuery-1.9.1\jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.easyui.min.js"></script> <script type="text/javascript"> $('#mSpan').mousedown(function(){ alert('触发指定事件') }) </script> </head> <body> <input class="easyui-datebox"> <div id="dlg" class="easyui-dialog" title="Basic Dialog" closed="true" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px"> The dialog content. </div> <span id="mSpan">淡入淡出效果</span> <button id="mBtn" >点击实现淡入淡出效果</button> </body> </html>在这里会发现当鼠标滑动过“mSpan”的标签时候,并未触发事件,后来发现,原因是在浏览器加载该页面时,还未加载到下面的"mSpan"标签时就为该标签绑定了事件,导致了绑定事件失效的错误,修改后代码为:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> <link rel="stylesheet" type="text/css" href="easyui.css"> <link rel="stylesheet" type="text/css" href="icon.css"> <script type="text/javascript" src="..\JQuery-1.9.1\jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.easyui.min.js"></script> </script> </head> <body> <input class="easyui-datebox"> <div id="dlg" class="easyui-dialog" title="Basic Dialog" closed="true" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px"> The dialog content. </div> <span id="mSpan">淡入淡出效果</span> <button id="mBtn" >点击实现淡入淡出效果</button> </body> <script type="text/javascript"> $('#mSpan').mouseover(function(){ alert('触发指定事件') }) </script> </html>
这样就能绑定成功了
相关文章推荐
- Jquery 对新插入的节点 绑定Click事件失效
- Jquery对新插入的节点 绑定Click事件失效的解决方法
- Jquery动态添加节点,绑定事件失效的解决方法
- 解决jquery中,使用append增加元素时,该元素的绑定监听事件失效的办法
- jquery的动态元素绑定事件失效解决办法
- jquery textSearch实现页面搜索 注意!!!!调用这个插件后,js事件绑定如,on、bind、live delegate全部失效,折腾了我一整天!!!
- jquery使用append动态增加元素,该元素绑定事件失效的解决办法
- jquery中,使用append增加元素时,该元素的绑定监听事件失效
- jQuery的live绑定事件在mobile safari(iphone / ipad / ipod)上失效的解决方案
- Jquery对新插入的节点 绑定Click事件失效的解决方法
- jquery appaend元素中id绑定事件失效问题
- 解决jquery appaend元素中id绑定事件失效的问题
- 【已解决】jquery append 绑定click事件失效解决方案
- 解决jquery动态创建元素绑定事件失效问题
- Jquery使用on()绑定事件失效处理
- 解决jquery中,使用append增加元素时,该元素的绑定监听事件失效的办法
- jQuery的live绑定事件在mobile safari(iphone / ipad / ipod)上失效的解决方案
- jquery绑定事件失效的情况(转)
- 关于标签onclick方法失效,或jquery绑定事件失效的问题
- jquery 委托事件处理函数后,当DOM树变化后,绑定的事件会失效