jq的绑定动态元素
2024-09-01 00:20:58
在项目中经常会遇到需要在页面中插入动态元素的情况,比如页面中有一个按钮:
<div id="btn">确定</div>
点击按钮时在body中插入一段div,然后要求点击这段div时再弹出一个提示。
var login_div = '<div class="login-box" style="cursor:pointer">ok</div>';
正常写法是:
$("#btn").click(function(){
$("body").append(login_div);
});
$(".login-box").click(function(){
alert("我是ok");
})
这种情况下的"$(".login-box")"是获取不到的,因为 element.click这种写法不支持给动态元素重新绑定事件.不过可以利用jq的on来绑定,改写下:
$(".login-box").on("click",".login-box",function(){
alert("我是ok");
})
另外还有一种情况需要移动到一个元素上,然后显示隐藏的元素,如:
$("body").on("mouseover mouseout",".upload-question",function(event){
if(event.type == "mouseover"){
$(this).find(".tip").show();
}else if(event.type == "mouseout"){
$(".tip").hide();
}
})
最新文章
- ORM框架示例及查询测试,上首页修改版(11种框架)
- eclipse运行项目发生Unsupported major.minor version 52.0错误
- MAC OS 系统使用心得
- GET和POST有什么区别?
- IntentService简介
- C#计算时间差值
- zoj-3626 Treasure Hunt I (树形dp)
- C# 使用GDI+绘制漂亮的MenuStrip和ContextMenuStrip皮肤
- MapReduce优化
- delphi算法
- MAC使用小技巧(一)
- matlab显示图像的横纵坐标
- Kafka权威指南——broker的常用配置
- css实现文本缩略显示
- Android简易实战教程--第六话《开发一键锁屏应用2&#183;完成》
- ORACLE等待事件:SQL*Net message from client &; SQL*Net message to client
- 使用Lucene-Spatial实现集成地理位置的全文检索
- Spring的AOP实现
- 软工实践Alpha冲刺(3/10)
- 阐述ArrayList、Vector、LinkedList的存储性能和特性?