求助,不是很懂事件嵌套,我想要点击按钮,弹出一个层,然后层里面又有按钮,点击会触发其他事件。不晓得click事件里面可以包含click事件吗,我就这样写,可是,点两次【按钮】,点【inner】,就会输出两次inner;请问这是为什么?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.min.js"></script>
<script>
$(function() {
$('.btn').on('click', function() {
console.log('click');
$('.btnInner').on('click', function() {
console.log('inner');
})
})
})
</script>
</head>
<body>
<div>
<input class="btnInner" type="button" value="inner">
</div>
<input class="btn" type="button" value="按钮">
</body>
</html>
因为点两次,绑定了两次,输出两次inner是对的。
点了两次.btn 但是只点击一次.inner,就输出两次inner哦。绑定了不是也要点击才生效吗?
@0000000000000: 虽然只单击一次,但是绑定了两次,是增加不是覆盖,所以要触发两次
@上帝之城: 哦。原来绑定是可以增加的。。那如果我想要它只触发一次inner ,用one()吗,还是有其他方法。一般这种点击出现弹层,然后弹层有按钮事件,是怎样写的。?
@0000000000000: .off().on(…)
@上帝之城: 超感谢!!!
@0000000000000: 出现弹层,弹层的按钮事件怎么写的
出现弹层,弹层的按钮事件怎么写的