对于页面动态加载的元素事件无效的解决方案

当用ajax动态获取的数据放在新建的div中进行展示时,当你提前写一些 mouseover,click 操作时会发现不起作用

解决方法:

把事件绑定到它的父元素上面

例如,每次读到数据会将它放在新建的 class = data的div中显示,并且用append方法把他添加在 id= parent 的div中。这个时候假如对data这个块有点击事件,平常可能会写

$(‘.data‘).click(function(){...});

当点击这个div时,不会有反应。这时候可以再一开始将事件绑定到父元素中:

$(‘#parent‘).on(‘.data‘,function(i,val){

});

对于页面动态加载的元素事件无效的解决方案

时间: 2024-08-06 07:58:56

对于页面动态加载的元素事件无效的解决方案的相关文章

web页面动态加载UserControl,并调用用户控件中的方法来初始化控件

1,HTML页 头部注册: <%@ Register Src="~/WorkLog/WorkLogNewV1/UserControl/CeShiBu.ascx" TagPrefix="UserControl" TagName="CeShiBu"%> <%@ Register Src="~/WorkLog/WorkLogNewV1/UserControl/KaiFaBu.ascx" TagPrefix=&quo

js动态加载HTML元素时出现的无效的点击事件

项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js的点击事件无效: js代码: // 推荐商家点击标题展开与收起$('.toggle-tag').on('click', function(){    var ele = $(this).parents('tr').next().find('.pro-details');    if(ele.is(':hidden'))

[JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据  都可以 别忘了引用jquery类库 [JavaScript] 纯文本查看 复制代码

Android APP启动页面动态加载全部权限

一.写在前面 6.0以上动态加载权限加载的是,需要用户手动赋予的权限( Dangerous Permissions),只有这些,其他权限不用加载 所属权限组 权限日历 READ_CALENDAR日历 WRITE_CALENDAR相机 CAMERA联系人 READ_CONTACTS联系人 WRITE_CONTACTS联系人 GET_ACCOUNTS位置 ACCESS_FINE_LOCATION位置 ACCESS_COARSE_LOCATION麦克风 RECORD_AUDIO电话 READ_PHON

关于怎样用PHP及JS来动态加载html元素及加载的html代码绑定事件失效的解决方法!

首先编写好的html代码放入php文件里面设置请求头格式为text/html 然后呢我将用jquery来操作 先定义一个用了盛放代码的容器 $(function(){}) => window.onload .sn-header-bg 是我用来盛放代码的容器 我的php文件名是header.php放在data目录下! 执行以上代码完成后一个页头就出来了! 加载完成后我在header里面绑定了两个函数,但是全部失效了,原因是没找到对应的dom元素, 根本原因是我没加载完成之前这两个函数就已经执行去寻

AngularJs根据访问的页面动态加载Controller的解决方案

最近AngularJs很火.... 废话不多说了,如主题吧 用Ng就是想做单页面应用(simple page application),就是希望站内所有的页面都是用Ng的Route,尽量不用location.href,但是这样的webapp好处是很多,但是美中不足的是当你的webapp随着时间的推移,用户变多,功能变得更丰富,controller也变得越来越多,你不得不把所有的controller当作全局模块进行加载,以使得在站内任何一个页面中按F5刷新后能route到任意一个其他页面,而不会发

JSP页面动态加载到iframe

main 页面有个iframe 域 <iframe id="myiframe" framespacing="0" frameborder="NO" Scrolling="auto" width=806 height=510 name="mytrees" /> 点击个人信息通过Action 获取到个人信息跳到 显示信息的JSP,想把这个JSP 显示在 main 里面 就指定 <a href=

IFRAME动态加载触发onload事件(转)

原文地址:http://blog.ops.cc/webtech/javascript/f5nhm.html <body> <script>var iframe = document.createElement("IFRAME"); document.body.appendChild(iframe); iframe.src = "http://www.ops.cc"; if (iframe.attachEvent) { iframe.attac

页面动态加载js文件

function loadJS(url, onload) { var domscript = document.createElement('script'); domscript.src = url; domscript.charset = 'utf-8'; if (onload) { domscript.onloadDone = false; domscript.onload = onload; domscript.onreadystatechange = function () { if