从后台获取的数据渲染到页面中的dom操作

很多情况下页面dom都是从后台拼接字符串添加生成的新的dom元素，在编辑器中不能看到，只能通过检查看到页面的dom结构，但是这时候会发生一个问题，就是如果使用jQuery无法进行dom操作，事件和方法都没有反应，我以前是使用

$ (document).on('DOMNodeInserted',function () {     {要操作的后台获取的数据的字符串拼接的新的dom元素     }})使用这个方法有一个弊端，就是如果该dom元素是数组形式拼接的dom，如果li元素，如果这些li元素都有点击事件这样如果使用这个方法，没个li都会发生相应的点击事件2018年08.12就出现了这个问题，那个是tr表格元素，需要点击每个tr但是我使用数组循环做出的，然后点击时候，发行所有的tr都触发了点击事件，后来使用

$('body').on("click","table.first tbody tr", function () {     要操作的代码});这样才有事件代理将所有的tr由上层元素body来代理，这样上面出现的问题也就解决了，非常完美，以后也尽量使用这个方法来触发新渲染出来的dom元素的点击和方法。

转载于:https://www.cnblogs.com/zhx119/p/9466254.html

从后台获取的数据渲染到页面中的dom操作相关推荐

在a标签中写ajax,ajax请求后的数据渲染到页面中，a链接失效
¥ ¥ 点击购买利用template 渲染后的数据为什么a链接点击无法跳转使用mui框架在手机上测试 css样式 less写的 ul { li { float: left; width: ~& ...
Ajax获取数据渲染到页面的过程
Ajax 分四步骤: 创建一个Ajax对象: 打开一个链接: 监听请求的数据: 发送请求. 直接贴代码啦 <script>$(function () {$.ajax({url:'http: ...
Ajax获取数据渲染到页面
<script> $(function () {$.ajax({url:'http://www.hzy.cmdcw.com/index.php/message', type:'post', ...
.net dataGridView当鼠标经过时当前行背景色变色；然后【给GridView增加单击行事件，并获取单击行的数据填充到页面中的控件中】...
1.首先在前台dataGridview属性中增加onRowDataBound属性事件 2.然后在后台Observing_RowDataBound事件中增加代码 protected void Obser ...
微信小程序——从后台获取数据库数据并在前台显示(前端+后端+数据库)
因为人工测试的时候需要统计数据都在纸上,统计起来很麻烦.所以我想做个小程序来辅助我测试,但我之前没学过小程序,所以就一点一点搞吧.今天这篇主要讲从后台获取数据库数据并在前台显示(类似背单词小程序的点击 ...
将数据渲染到页面的几种方式
将数据渲染到页面的几种方式: 1.字符串拼接: 2.dom回流 3.文档碎片(文档碎片节点:documentFragment) 4.模板 (下章会详细介绍模板) 转载于:https:/ ...
利用jquery写的从后台获取json数据以表格显示,并带翻页功能.里面包含模式窗口等功能...
利用jquery写的从后台获取json数据,以表格显示,并带翻页功能里面包含模式窗口等功能大家看例子就懂了下面是效果图: http://www.jm47.com/project/3001.asp ...
从钉钉后台获取考勤数据（其他数据获取类似）
从钉钉后台获取考勤数据等下载钉钉的SDK包从开发者后台获取AppKey和AppSecret 上代码: # -*- coding: utf-8 -*- import requests, loggin ...
elementui select组件选中后无法自动刷新更新值渲染到页面中
2019独角兽企业重金招聘Python工程师标准>>> elementui select更改选中值后,无法渲染到页面中? 在select组件中添加了@visible-change=& ...

从后台获取的数据渲染到页面中的dom操作

从后台获取的数据渲染到页面中的dom操作相关推荐

最新文章

热门文章