首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

python测试开发django-167. jQuery中append() 动态新增的元素 click 事件无效的解决办法

前言 使用append新增的div元素,绑定click事件无效的几种解决办法 遇到问题 绑定select下拉框click事件 // 绑定select下拉框click事件...}) 新增的div上点击事件没监听到 主要原因是事件是在 dom 加载的时候就已经完成了,新增的 div 元素 click 事件就无效了。...使用live live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数。 通过live()函数适用于匹配选择器的当前及未来的元素。...使用on 接下来还是使用on的方法,把点击事件绑定到它父元素上,这样就可以了 // 绑定select下拉框click事件 $('#cards').on('click',...}) 最通用场景是click事件绑定到document上,这样就使用任何情况了 // 绑定select下拉框click事件 $(document).

86720
您找到你想要的搜索结果了吗?
是的
没有找到

HTML动画分类 HTML5动画 SVG库 SVG工具 Canvas动画工具

setTimeout或者高级的requestAnimationFrame 2、css3 3、svg 4、canvas(当然,这个还是要配合js) 也许这么分类是不对的,因为无论如何都需要脚本控制,那么也许应该分为 1、js...requestAnimationFrame的好处是 类似flash的enterFrame事件,跟浏览器重绘同步,不像setTimeout那样强行插入,更容易实现平滑的效果 灵活,可以实现很多css3无法实现的高级效果...您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。...官方资料: http://www.w3.org/TR/SVG11/ 由于svg每个图形都是一个对象,那么处理鼠标事件就跟普通的html相差无几了,这个在开发效率上是比较高的。...SVG特点是: 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序(比如谷歌地图) 复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快) 不适合游戏应用 SVG 工具 SVG工具比较成熟

3.7K10

jQuery动态加载select下拉列表「建议收藏」

0; i < msg.rows.length; i++) {     //如果在select中传递其他参数,可以在option 的value属性中添加参数     //$("#selectSM").append...(""+msg.rows[i]+"");     $("#selectSM").append("...String) map.get(k)).split(",");       System.out.println("depart::::::::" + depart);       }     }   //去除数组中重复数据..." + strList);   jsonObject.put("rows", strList);   return jsonObject; }   注意:由于后台返回数据的问题,需要对数据进行截取并去除重复数据...GROUP_CONCAT(DISTINCT CONCAT(字段名称)) AS 字段名称或别名 FROM 表名 步骤五:这里捎带说一下,如何获取select下拉列表选择的值   //select 的change事件用了获取下拉列表的值

4.3K60

jq使用建议

不超过四个操作写在同一行,超过四个可以考虑每四个换行 $(target).addClass('class1').html('文本内容') 相关元素的操作,经典场景:过滤tab元素添加active,其他元素去除...click(fn) //建议,超过两次就可以考虑定为变量,除非这个元素在方法进行时会发生变化需要重新获取 var $demo1=$(".demo1") 多次操作dom合并 //不建议 $(".demo1").append...('') $(".demo1").append('') //js操作进行很快,dom部分逻辑完成后一次赋值 var htmlStr="" $(".demo1").append(htmlStr) 关于事件 事件委托 我们知道元素的时间会向上冒泡成为父元素的事件,在大多数人针对列表项的事件可能是同时绑定子元素事件。...//不建议 $(target).click(fn) $(target).focus(fn) //建议 $(target).on("click focus",fn) 合成事件 某类事件其相关事件可以直接定义在其后

1.8K10

vuejs + ts + webpack 2 框架的项目实践

去除了相当多的无用代码,极简风格。 项目本身目录也很好理解: common——项目的公共方法目录,比如helper之类的 comp——项目的组件目录,核心目录。...形成直出+主内嵌JS+异步动态JS组件的优雅的加载模式。...只有继承的HTMLElement对象才有style方法,所以这里要写为: (document.querySelector('.group-qp')).style.display = 'none'; 9、采用事件来处理中等复杂程序的组件通信问题...这里组件虽然是用事件进行信息传递,我们还是可以在模板中进行显示的声明,符合vue模板显示声明一贯的做法。如下图所示: 组件声明,v-event:xxx,xxx表示事件名称,后面是传递参数,非常直观。...组件的具体监听是: 所有的事件触发和监听都挂载在eventbus上面,eventbus名为「事件总线」,其实本质就是一个Vue的实例而已 import eventbus from 'lib/common

5.4K20

【领会要领】web前端-轻量级框架应用(jQuery基础)

each(function(index){this}) 选择器对象的遍历 $("选择器").find() 找前面选择器匹配到的元素的子元素 $("选择器").not() 在前面选择器匹配到的元素中去除某个或者某几个...var $li1 = $("d"); var $li2 = $("a"); $("button").click(function(){ $("ul").append...($li1); $("ul").append($li2); }); }); 插入HTML元素 append() 向每个匹配的元素内部追加内容 appendTo() 将所有匹配的元素追加到另一个指定的元素集合中...注意:$(A).append(B)的操作,不是将B追加到A中,而是将A追加到B中 prepend() 向每个匹配的元素内部前置内容 prependTo() 将所有匹配的元素前置到另一个指定的元素集合中...$(document).ready(function() { $("button").click(function() { $("body").append($("p").clone());

2.1K20
领券