代码是否正确?给按钮使用one绑定事件吗?
<!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>
正在回答
同学你好,题目中并没有要求实多次绑定,一次或者多次都是可以的。
如果想要实现添加多次,可以直接使用li长度进行添加,参考
点击的时候获取li的长度,然后和111相乘,再与li进行拼接显示。
自己测试下,祝学习愉快!
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星