代码是否正确？给按钮使用one绑定事件吗？
来源：4-10 自由编程
Aurora_Meteor
2020-04-26 19:55:39
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<button>添加</button>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
<script>
$(document).ready(function () {
$('button').one('click',function(){
$('ul').append('<li>555</li>');
});
$('ul')
.on('mouseover','li',function(){
$(this).css('background','red');
})
.on('mouseout','li',function(){
$(this).css('background','#eee');
});
});
</script>
</body>
</html>
3回答
-
同学你好，题目中并没有要求实多次绑定，一次或者多次都是可以的。
如果想要实现添加多次，可以直接使用li长度进行添加，参考
点击的时候获取li的长度，然后和111相乘，再与li进行拼接显示。
自己测试下，祝学习愉快！
0h020-04-27 -
好帮手慕星星
2020-04-27
同学你好，document.getElement系列获取元素是动态的，长度会随着内容多少改变而改变，不需要重新获取元素，每次获取长度就好。
祝学习愉快！
0 -
好帮手慕星星
2020-04-27
同学你好，代码实现效果很棒！另外使用one绑定点击事件是可以的，没有问题。
祝学习愉快！
0h020-04-27
相似问题