Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcelo2605

dblclick

Por , em Javascript

Recommended Posts

marcelo2605    10

marcelo2605
Postado

É possível usar as funções .click e .dblclick para uma mesma div?

 

Uso o plug-in Cycle e queria que o botão #prev, ao ser clicado duas vezes, retornasse ao primeiro slide.

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcelo2605    10

marcelo2605
Postado

Tem certeza?

 

Fiz o seguinte:

 

$(document).ready(function(){
$('#slideshow li').eq( 0 ).hide().fadeIn(900);
   $('#slideshow').cycle({
       fx:       'fade',
	speed:     900,
       timeout:   6000,
	next:   '#next , #slideshow', 
   	prev:   '#prev',    
	pause: true,     
	after:     function(curr,next,opts) {
          var index=opts.currSlide;
           $('#caption p:visible').hide();
           $('#caption p').eq(index).show();
	   var contador = (opts.currSlide + 1) + ' - ' + opts.slideCount;
		$('#contador').html(contador);

}

   });
});

$('#prev').dblclick(function() { 
   $('#slideshow').cycle(0); 
   return false; 
});

 

Mas clicar duas vezes no botão prev só faz voltar duas vezes.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lucas Guima    164

Lucas Guima
Postado

Estava com o mesmo problema, acabei de achar um plugin que controla os cliques, veja se ajuda:

 

jQuery Sparkle

http://balupton.github.com/jquery-sparkle/demo/#event-lastclick

 

Eu ainda não testei na minha aplicação, apenas fiz um teste para verificar a contagem usando um link.

 

<html>
<head>
   <title>jQuery Sparkle</title>
   <link rel="stylesheet" type="text/css" media="screen" href="sparkle.css" />
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   <script type="text/javascript" src="sparkle_1.0.0.js"></script>
   <script type="text/javascript">
       $(document).ready(function() {
           $('#foo').lastclick(function(event, clicks) {
               alert('clicks: ' + clicks);
           });
       });
   </script>
</head>
<body>
   <a href="#" id="foo">Clicker</a>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito