bootstrap点击事件遇到的坑
问题:
bootstrap模态生成的框架,遇到点击事件加不上,例如:
在正常写法中如下:
你会发现写出的编辑按钮(eidt_btn)的点击事件不生效,或者是单个生效
$(".eidt_btn").click(function(){
alert(1)
})
正确写法:
效果:每个class为edit_btn的按钮都加上了alert事件
$("body").on("click",".eidt_btn",function(){
alert(1)
})
总结:bootstrap的点击事件写法
$(document).ready(function() {
$("#父级元素id或类名").on("click", '#子元素id或类名', function() {
//需要执行的逻辑
});
});
由此引申bootstrap其他事件,同样写法,如有出入,欢迎留言指正!