有哪里需要改进的？
来源：3-4 自由编程
soso_crazy
2019-05-31 16:15:44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
<title>Document</title>
<style>
.pink {
width: 200px;
height: 200px;
background-color: pink;
}
.blue {
width: 100px;
height: 100px;
background-color: skyblue;
display: none;
}
</style>
</head>
<body>
<button type="button">点击这里</button>
<div class="pink"></div>
<script>
$(document).ready(function() {
$('.pink').append('<div class="blue">我是smallbox里的内容</div>');
$('button').on('click', function() {
$('.blue').toggle();
});
$('.pink').on('click', function() {
window.alert('已执行');
});
});
</script>
</body>
</html>
2回答
-
好帮手慕星星
2019-05-31
你好，添加的内容不需要设置隐藏：
去掉隐藏样式就成功了，其他地方不需要修改。
祝学习愉快！
0 -
soso_crazy
提问者
2019-05-31
我看错题了，修改成这样，有哪里需要改进的？
$(document).ready(function() {
$('button').on('click', function() {
$('.pink').append('<div class="blue">我是smallbox里的内容</div>');
});
$('.pink').on('click', function() {
window.alert('已执行');
});
});
0
相似问题