在使用添加按钮给table插入新的一行时遇见的问题总结及处理方法

添加按钮的功能：点击添加按钮之后完成添加新的一行。

遇见的问题：当多次点击添加按钮生成新的多行之后，生成的每行内部按钮的保存按钮点击事件出现最晚添加的一行的行内保存点击事件执行一次，倒数第二次添加的行内保存点击事件执行两次，以此类推，最早执行的行内保存点击事件执行次数为点击添加按钮事件的次数。并且这个次数和点击事件的先后顺序无关。

处理方法：因为该点击事件是使用jQuery的obj.on('click', function() {})实现的，可以使用obj.unbind("click").on('click', function() {})去解决这样的问题。

处理方法原理是：在绑定新click方法前对元素所绑定的click方法解绑。

我对该现象理解：在生成每一行的时候，行内的保存按钮的点击事件都会直接绑定好，当添加按钮第一次点击的时候添加的那一行上边有一个点击事件，当再次点击添加按钮添加新的一行之后，新的一行上边有一个点击事件，但是原来添加的那一行上边则会累加之后生成的新的所有的保存按钮点击事件的次数，所以才会出现上述问题。

转载于:https://www.cnblogs.com/shenhf/p/7883645.html

在使用添加按钮给table插入新的一行时遇见的问题总结及处理方法相关推荐

PHP实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中
PHP实现单击"添加"按钮增加一行表单项,并将所有内容插入到数据库中效果图: html+jquery: <html> <head> <meta ht ...
网页制作插入新的元素，并且为插入的元素添加事件
怎样向网页中插入新的元素,在JQuery中有这样的几个函数,其实写网页最大的便利也是在于很多的网页动态的实现都有现成的函数,我们需要做的就是在这个环境中应用这些函数,实现我们的动态的操作. 向网页中插 ...
OAF在打开的新页面中添加按钮，功能是关闭当前页面
OAF在打开的新页面中添加按钮,功能是关闭当前页面 javascript:close()
java按钮添加图片_java 如何插入含有图片的按钮
我的程序如下:importjavax.swing.*;importjavax.swing.event.*;importjava.awt.*;importjava.awt.event.*;publicc ...
在GridView中添加按钮后，如何触发按钮的各种事件？
//在GridView中添加按钮后,如何触发按钮的各种事件? 1．在GridView的"编辑列"属性窗口中,增加新的Botton列. 2．然后再该窗口右边属性中,将外观项下的But ...
[翻译]在GridView中插入新记录
原文地址:http://www.dotnetbips.com/articles/c1e0ca90-5f5d-47aa-a739-492b562e810a.aspx [原文源码下载] [译者改后源码下载 ...
c++ 添加按钮_使用 Visual Studio 2019 批量添加代码文件头
应用场景介绍在我们使用一些开源项目时,基本上都会在每个源代码文件的头部看到一段版权声明.一个项目或解决方案中源代码文件的个数少则几十,多则几千甚至更多,那么怎么才能给这么多文件方便地批量添加或者修改 ...
名编辑电子杂志大师教程 | 插入新页面、替换或删除页面、调整页面顺序
名编辑电子杂志大师是一款集编辑与转换于一身的电子杂志制作软件,我们既可以直接将PDF或图片转换成flash电子杂志,也可以从零开始制作我们独一无二的杂志.无论是哪种制作方式,我们都可以自由地添加新页面 ...
iOS 9应用开发教程之使用代码添加按钮美化按钮
iOS 9应用开发教程之使用代码添加按钮美化按钮丰富的用户界面在iOS9中提供了很多的控件以及视图来丰富用户界面,对于这些视图以及控件我们在上一章中做了简单的介绍.本章我们将详细讲解这些视图. i ...

在使用添加按钮给table插入新的一行时遇见的问题总结及处理方法

在使用添加按钮给table插入新的一行时遇见的问题总结及处理方法相关推荐

最新文章

热门文章