jquery动态绑定事件处理一些由于html代码是动态生成绑定事件失败问题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试</title>
</head>
<body>
<div id="test_div"></div>
<!-- 引入jquery,这里需要改成你们自己的路径 -->
<script type="text/ecmascript" src="resources/common/js/include.js"></script>
<script type="text/javascript">
$(function(){
var html='<button class="test_btn">动态生成按钮</button>';
//动态代码添加到div中
$('#test_div').append(html);
//普通绑定事件方式绑定刚添加的代码中的button点击事件
$('.test_btn').click(function(){
alert("按钮被点击到了");
});
//动态绑定,其实就是将绑定事件交给document托管;格式 $(document).on('事件名','jquery选择器',function(){});
$(document).on('click','.test_btn',function(){
alert('动态绑定生效了');
})
})
</script>
</body>
</html>
https://www.leftso.com/article/3.html
相关文章
jquery绑定鼠标滚轮滚动事件 $(document).on("mousewheel DOMMouseScroll", function (event) {
Spring Boot 2.0 绑定properties属性资源文件 Spring Boot 2.0 读取properties配置文件值 Spring Boot 2.0获取properties配...
前言接上一篇《Vert.x 4 Web应用初识》，在web应用中除了访问地址得到动态的信息还有静态的资源库访问，如 jQuery / bootstrap 等前端
问题描述
spring boot 2.6.x 项目启动报错
The elements [xxx,xxx] were left unbound
细节日志就是spring boot...
bootstrap-select ajax动态添加值中遇到的IE兼容问题解决
artdialog 弹出页面iframe,artDialog,artDialog弹出页面
Java编程中spring boot项目动态添加拦截器Interceptor
热门文章
- Copyright © 2022-2025 左搜. All rights reserved.
- v1.0.0
- 渝ICP备15001810号-3
-
渝公网安备50019002504293号