Javascript 有没有办法只在图像不透明度为1时单击?

Javascript 有没有办法只在图像不透明度为1时单击?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个可以点击的图像,它以0的opacity开始,并在悬停时设置为1的动画。有没有办法只在动画完成且不透明度处于1时使其可点击?我相信您正在寻找类似的内容: $(文档).ready(函数(){ $('img')。在('mouseover',function()上{ 美元(本).fadeTo(3000,1); }); $('img')。在('click',函数(e)上{ e、 预防默认值(); if($(this.css('opacity')==1){ 警报(“您现在可以单击它”); } })

我有一个可以点击的图像,它以
0
opacity
开始,并在悬停时设置为
1
的动画。有没有办法只在动画完成且
不透明度
处于
1
时使其可点击?

我相信您正在寻找类似的内容:

$(文档).ready(函数(){
$('img')。在('mouseover',function()上{
美元(本).fadeTo(3000,1);
});
$('img')。在('click',函数(e)上{
e、 预防默认值();
if($(this.css('opacity')==1){
警报(“您现在可以单击它”);
}
});
});
img{
不透明度:0;
}
div{
显示:内联块;
边框:1px纯黑;
}


当然可以,您尝试了什么?您可以使用动画完成时设置的标志,或者您可以检查单击处理程序中的
不透明度
值,如果它是
<1
,则停止执行。第三种选择是仅在动画完成时附加单击处理程序。