动态创建添加按钮后，解决开始需要点击两次才能触发，之后点击一次就可以了

最新推荐文章于 2022-04-26 15:30:52 发布
最新推荐文章于 2022-04-26 15:30:52 发布
阅读量2k 收藏
点赞数
文章标签： 动态创建删除按钮 
<!DOCTYPE html>
<html>
<head>
    <title>测试</title>
    <style type="text/css">
        td {
            text-align:center;
            }
        td input{
            border:none;
            width:100%;
            }
        .mask{background-color:rgba(0,0,0,0.1);width:700px;height:400px;position: fixed;top:20%;
                left:50%;margin-left: -350px;z-index: 30;display: none;}
        
    </style>
</head>
<body>
    
    <table id='tab' align="center" width="600" border="1" cellspacing="0" cellpadding="0">
<tr id="aa">    
            <th>ID</th>
            <th>商品</th>
           <th>数量</th>
            <th>操作</th>
</tr> 
<tr>
<td><input type="text" width="100px"/></td>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td width="150px"><a href="#" class="cd"  >删除</a><a href="#" >复制</a></td>
</tr>
<tr>
<td><input type="text" width="100px"/></td>
<td><input type="text"  /></td>
<td><input type="text"  /></td>
<td width="150px"><a href="#" class="cd" >删除</a><a href="#" >复制</a></td>
       </tr>
    </table>
          


    <script type="text/javascript" src="./jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
$('body').on('click','.cd',function(){
     $(this).parents('tr').remove();
})
        
    </script>


</body>
</html>


涛声依旧goon
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C++ 动态创建按钮及 按钮的消息响应
01-20
动态创建的按钮 都会在消息 OnCommand 中得到处理,无论是什么消息,都会处理的 1\创建按钮 代码如下: CButton* btn = new CButton();  btn->Create(_T(“方法”), WS_CHILD | WS_VISIBLE, CRect(0,0,50,50), this, ...
Jquery on绑定的事件 触发多次实例代码
10-20
这个问题通常发生在动态添加的元素上，因为每次动态创建这些元素时，新的事件监听器会被附加，从而导致事件被多次触发。 在给出的实例代码中，`#btn1`按钮的点击事件会为`#btnBind`按钮添加一个新的`click`事件监听...
jquery 动态生成html后click事件不触发原因
yujun32的专栏
11-22 851
最近在做一个项目的时候，遇到动态加载菜单内容，然后点击“菜单”执行对应的click方法无响应。这里使用了动态加载的点击加载评论。 然后再写 $(“.get_comment).click(function(){ //响应事件逻辑 }) ，发现click事件并不会触发，使用控制台侦听也木有错误。百思不得其解时，将焦点落在动态加载上。 于是，使用jquery的live()函数，重写响应逻辑：
关于jQuery中动态生成的点击事件触发两次的讨论
weixin_30551963的博客
08-30 185
由于是动态生成的 点击事件运用了jQuery里面的on()方法，绑定在body上面，结果在程序里面运行了两次。参考了博客 利用on和off方法编写高效的js代码知道了很多在dom对象删除以后，其声明的绑定在window上的事件还一直存在，导致相同的功能代码执行了几次。故使用之前要清理掉body上绑定的click事件，利用了jQuery里面off()方法。 $('body').off(...
控件设置为focusable为true后要点击第2下才能触发OnClick事件
wangweiwangshuang的专栏
11-13 572
[html] view plaincopy TextView      android:id="@+id/fixed_contact"      android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:focusable="true"      android:f
jq动态生成HTML元素时，点击事件无效
siyi_blog的博客
07-01 4164
第一次写，作为自己的一个学习笔记。原因：动态添加的HTML元素是在CSS，JS代码加载完成后再添加的HTML页面。在浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时，这些绑定事件的标签元素还没有生成。而普通.click事件只能绑定静态元素。用on方法支持动态绑定元素。 解决方案：将普通事件改为.on（）委托事件示例：普通绑定事件：$('.btn1').clic...
RichFaces标签，弹窗中的按钮需要点击两次才起作用的问题
jackeysion
12-26 1200
在使用RichFaces标签开发遇到一个问题，就是在弹窗页面（使用rich:popupPanel标签包裹的xhtml页面）点击按钮（a4j:commandButton）打开另一个弹窗页面，第一次点击按钮的时候按钮的action事件（...
WINCC按钮二次确认11_wincc按钮的二次确认_
09-30
1. 创建按钮：在WinCC项目中，首先需要创建一个按钮对象。这可以通过图形编辑器完成，设置其属性如名称、图标和触发事件。 2. 编写C代码：在按钮的点击事件中，我们可以编写C代码来实现确认逻辑。首先，可以弹出一...
jQuery+CSS3鼠标点击按钮加载动画特效
06-10
"jQuery+CSS3鼠标点击按钮加载动画特效"是一个很好的示例，它结合了JavaScript库jQuery的强大功能与CSS3的新特性，实现了多种动态且美观的按钮加载效果。下面将详细解释这个主题涉及的知识点。 首先，jQuery是一个...
点击一次加一次_界面设计技巧_PLC_
10-01
"点击一次加一次"这个概念通常指的是用户在界面上单击按钮后，系统会执行相应的操作，并且每次点击都会增加一次操作计数。这种设计常见于计数器或累加器类型的用户界面元素中。在LabVIEW中，我们可以利用事件结构和...
vue在原有的类名上，动态添加新类名
qq_37698249的博客
06-08 1813
vue在原有的类名上，动态添加新类名 //通过数组 键值对的方式，添加类名，固定的类名，值直接给true即可（true为添加类名，false则相反） <view :class="[{'flavor-item':true},{'on': item.isChoose}]" @click="handleClickChoose(index)"> {{item.label}} </view> vue爬坑ing ...
vue动态添加样式及动态添加多个class名
xy19950125的博客
09-16 5557
在做pc或者移动端的时候 通常会遇到一些 由后台返回的数据 动态改变页面的样式（ps:ul>li动态设置宽度） <div class="personVlaue"> <div :class="vipLevel!=0?'merbercolor':'ordercolor'">0</div> <div v-for="(item,i) in ...
解决动态路由后路由重复，初次进页面后要点击两次才能进页面。
guojiachengxu的博客
06-02 1415
一. 报错如下： 二. 问题： 会出现：初次进页面后要点击两次才能进页面，而后才是正常的点击就进入。 三.解决方法：
点击切换标签页，为选中标签增加特定样式
xiaopangzipy的博客
02-03 806
循环显示标签的代码： <view v-for="(item,index) in tabBars" :key="item.id" class="nav-item" :class="{current: index === tabCurrentIndex}" :id="'tab'+index" @click="changeTab(index)" >{{item.name...
jq追加html点击事件,jquery学习记录一：jquery动态添加html元素后设置其绑定事件...
weixin_39637921的博客
06-02 354
1. jquery动态添加html元素(例如：)假设我们要给ul动态添加的绑定click事件形成如下结果applepearfunction test(name){alert("I'm "+name);}2. 用 on方法 设置点击事件$("#devices_div ul").unbind('click').on("click","li", function() {var chooseItemSta...
用c++怎么实现屏幕取词
weixin_42199918的博客
07-17 988
网上搜了一大堆全都看不懂，现在越来越头晕了。请问大佬们有没有源码之类的，不胜感激，能给提示也可以。谢谢 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。 如何插入一段漂亮的代码片 去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片. // An highlighted block var foo = 'bar'; 生成一个适...
el-checkbox绑定动态数据发现第一次点击无效，第二次点击才有效
白日梦想家
04-26 4068
el-checkbox绑定动态数据发现第一次点击无效，第二次点击才有效 先看一下后端传递的值，为了方便前端勾选，特地让后端加了一个isSelected属性，并初始化为false，但不知道传递过来的是false是String对其会有什么影响，可能是这个原因。 代码 <template> <div v-for="(customer, index) in customerList" :key="index"> <i type="info"><i cl
jquery 用on对新增元素添加点击事件，为什么点击两次才能触发
Forever 流伤的博客
01-04 1832
js/jquery 中，若想对新增元素添加事件，切记，on之前的元素一定是在添加元素之前就已经存在与dom中，否则，你点击第一次是将元素加载到dom中，点击第二次才能触发绑定的事件。
JavaScript事件移除与一次性事件处理
// 这里的代码只会在按钮第一次被点击时执行 }); ``` 在提供的代码片段中，还展示了子选择器和过滤选择器的使用。`$("input[type='button']")`就是一个子选择器的例子，它选取了所有类型为"button"的输入元素。`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值