Veamos primero el código:
$(function(){
$('a').on('click', function() {
$('#box').slideToggle();
}).dblclick(function(e) {
e.stopPropagation();
e.preventDefault();
return false;
});
});
#container {
width: 100px;
height: 100px;
margin-bottom: 20px;
}
#box {
width: inherit;
height: inherit;
background-color: red;
display: none;
}
a {
padding: 5px;
background-color: gray;
color: white;
cursor: pointer;
}
a::selection {
background-color: transparent;
}
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<div id="container">
<div id="box"></div>
</div>
<a>Click me</a>
El problema lo vemos, si hacemos un doble click.
Ahí aparece y desaparece al momento la animación y lo que quiero es evitar que desaparezca.
Como se ve, he probado con el siguiente código:
.dblclick(function(e) {
e.stopPropagation();
e.preventDefault();
return false;
});
que lo he encontrado por algún sitio, pero no me funciona.
Tampoco puedo usar el controlador .one() ya que necesito que opere más de una vez.
¿Como se puede evitar el doble click en una animación en jQuery
?