我正在尝试使函数在单击时隐藏圆。
我认为我的语法正确,但是当我单击圆圈时什么也没有发生。
我有以下代码:
function Disappearing() {
$(this).hide();
}
$(".circle").click(function() {
Disappearing();
})
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 5px;
}
#red {
background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="red" class="circle"></div>
Disappearing()
不能上网点击的对象,除非你把它传递给函数,在换句话说this
指向当前对象的事件函数,所以你应该得到$(this)
的click
事件,然后将它传递给Disappearing()
。
尝试这个:
function Disappearing (circle) {
circle.hide();
}
$(".circle").click(function() {
Disappearing($(this));
});
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 5px;
}
#red {
background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="red" class="circle"></div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句