[英]Animate div when is clicked but not animate when elements inside that div are clicked
我在动画方面遇到问题,当我单击div时我想为其设置动画,但是当我单击该div中的其他内容时不想对其进行动画处理。
这是我的测试网站: http : //kni.prz.rzeszow.pl/~plum/portfolio/index.html
Kontakt div是我在寻找的东西,但是当我单击textareas div时是动画的。 这就是问题所在。 谢谢。
我网站上的代码,但这是animate div id =“ kontakt”的片段:
$(function(){
$("#kontakt").click(function(){
//zabezpieczenie przed animowaniem wielu div'ów na raz
if ($('div').is(':animated')) {
return;
}
//główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
if (kontakt == 0) {
kontakt = 1;
$(this).fadeTo(500, 0.33).delay(500).fadeTo(500, 1);
$(this).animate({
left: '+=205',
top: '-=205'
}, 1000, function(){
$(this).animate({
width: 400,
height: 400,
left: '-=205'
}, 1000, function(){
$.get('kontakt.html', function(data){
$('#kontakt').html(data);
});
});
});
}
else
if (kontakt == 1) {
kontakt = 0;
$(this).html('<a href="#">Kontakt</a>');
$(this).animate({
left: '+=205',
width: 195,
height: 195
}, 1000, function(){
$(this).animate({
left: '-=205',
top: '+=205'
}, 1000);
});
}
});});
那对我没有帮助:
$(':text, textarea').click(function(e){
e.stopPropagation();
alert('to dziala');
return true;});
您可以稍微更改#kontakt
处理程序以检查事件的目标,如下所示:
$("#kontakt").click(function(e) {
if(!$(e.target).is('div, a')) return;
使用.is()
我们正在检查是否直接单击<div>
或<a>
(邮件图标)。 如果以上两个都不成立,我们就会跳出来,什么也不做:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.