jquery动态生成的html代码中无法使用jquery事件的解决方法
默认常用的代码
<script>
//以下是正常使用的代码，但是dom动态生成的html代码就不管了
$(document).ready(function(){
$("button").on("click",function(){
alert("这个是正常的一般常用的点击事件");
});
});
</script>
以下是改版过的功能
<script>
//改成以下的代码，就可以在js动态生成的html代码也可以使用jquery功能
$(document).ready(function(){
$(document).on("click","#button",function(){
alert("这个是改进过的点击事件");
});
});
</script>
<script>
//以下是正常使用的代码，但是dom动态生成的html代码就不管了
$(document).ready(function(){
$("button").on("click",function(){
alert("这个是正常的一般常用的点击事件");
});
});
</script>
以下是改版过的功能
<script>
//改成以下的代码，就可以在js动态生成的html代码也可以使用jquery功能
$(document).ready(function(){
$(document).on("click","#button",function(){
alert("这个是改进过的点击事件");
});
});
</script>
- 相关阅读
- ( 2020/11/20 21:47:17 )asp无限级调用分类显示
- ( 2020/11/12 20:19:03 )Object.assign的一些用法
- ( 2020/11/5 13:32:29 )利用css中的scale()实现放大缩小效果
- ( 2020/10/26 21:09:19 )uni-app操作json数组
- ( 2020/10/26 13:46:09 )uni-app自定义loading组件
- ( 2020/10/1 17:07:20 )uni-app一个像商城分类中心一样的联动侧边栏导航分类
- ( 2020/9/27 16:09:39 )uni-app实现tab选项卡
- ( 2020/9/25 22:35:17 )uni-app的父与子页面传递参数之属性Props字段类型讲解
- 共有0条关于《jquery动态生成的html代码中无法使用jquery事件的解决方法》的评论
- 发表评论
正在加载评论……
返回顶部发表评论
深山工作室网友评论声明，请自觉遵守互联网相关政策法规。
您发布的评论即表示同意遵守以下条款：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家、社会、集体和公民的合法权益；
二、不得发布国家法律、法规明令禁止的内容；互相尊重，对自己在本站的言论和行为负责；
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- Object.assign的一些用法
- 各种钱货币字母转换对应的符号
- jquery实现移动端下拉加载刷新更多信息
- 删除程序页面代码中的注释标签
- 服务器iis配置.mp4视频格式文件播放(网页播放mp4有声音但没有图像画面)
- jquery实现单选按钮radio选中和取消 使用prop()代替attr()
- 安卓版微信中播放视频不自动全屏
- 网站从http改成https(ssl证书)后设置301跳转将http跳转到https的方法
- 更多>>最新添加文章
- asp无限级调用分类显示
- Object.assign的一些用法
- 利用css中的scale()实现放大缩小效果
- uni-app操作json数组
- uni-app自定义loading组件
- uni-app一个像商城分类中心一样的联动侧边栏导航分类
- uni-app实现tab选项卡
- uni-app的父与子页面传递参数之属性Props字段类型讲解
- 更多>>随机抽取信息
- 图片链接默认链接为灰色，鼠标放上去变彩色css效果代码
- web2.0 舒服的颜色
- 生成最新日期与时间选择（年月日）下拉框
- 向各位网友汇报下许愿墙进程。
- javascript在a标签中的一些操作
- 重新设定目标与学习方法，好记忆不如烂笔头
- 深山行者留言系统V3.2发布
- 网页设计的十要十不要
更多标签热门标签
苏公网安备 32070502010230号