2012-04-11 13 views
7

Tengo swipeleft/swiperight funcionando bien en mi aplicación, pero cuando el usuario hace el mousedown sobre una etiqueta de anclaje, la acción de deslizamiento no se desencadena.El deslizamiento de JQuery-Mobile no funciona cuando se inicia con una etiqueta de ancla

¿Cómo puedo hacer que el deslizamiento funcione incluso cuando el usuario hace el mousedown en una etiqueta de anclaje?

EDITAR: Parece que esto es solo un problema en los navegadores de las computadoras: las tabletas funcionan bien.

Respuesta

8

Puede deslizar con el botón izquierdo normal en cualquier navegador moderno en el escritorio.

Asegúrese de evitar la acción predeterminada en el evento dragstart en su div.

$("div").bind('dragstart', function(event) {event.preventDefault(); }); 

que tienen una copia de trabajo aquí ...

http://jsfiddle.net/38nXe/

+1

Hmm ... No funciona para mí. Tengo un carrusel div> ul> li> a> img. Intentó evitar el arrastre en cada elemento de ese árbol. Parece otro problema, funciona si desenvuelvo imágenes. – Rantiev

+0

¿qué navegador estás usando? ¿Puedes publicar un violín JS? – Trent

+0

Cambié el enlace de arriba a un jsfiddle de trabajo. Echale un vistazo. http://jsfiddle.net/38nXe/ – Trent

2

Puede deslizar en un navegador de escritorio con el botón derecho del mouse. No es muy elegante, ya que también abre el menú contextual. Pero funciona en todas partes. Alex

0

En cuanto a mí que fue causada "excludedElements", que filtra todos los botones, seleccionar, área de texto, entradas y anclajes.

Para que funcione, agregue un parámetro adicional con la matriz vacía, por ejemplo.

$ ("# test") deslizar ({ excludedElements: [] });

Ver touchSwipe plugin de documentos aquí enter link description here

Cuestiones relacionadas