swipeleft no funciona
Publicado por Manuel Hernández (3 intervenciones) el 22/07/2015 20:13:37
Hola buenas tardes a todos. Estoy intentando hacer un minislide con dos imágenes, estoy utilizando swipeleft pero no hace ningún movimiento. No me marca errores de sintaxis ni nada por el estilo. Aquí dejo mi código:
Como se podrán dar cuenta, las imágenes las agrego a una lista e intento hacer swipeleft dobre "slides" moviéndo a la izquierda dicho elemento y así mostrar el siguiente.
¿Alguna idea de qué estoy haciendo mal?
De antemano muchas gracias.
Saludos
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="slider_style.css">
</head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
$(document).ready(function() {
$("#slider").on("swipeleft",function(){
//$("#slider").click(function(){ ----------------- con click si me funciona
$(".slide").animate({"margin-left": "-640px"});
});
});
</script>
<body>
<div id="wrapper">
<div style="cursor:pointer" class="menu-btn" id="menu-btn">
<div></div>
<span></span>
<span></span>
<span></span>
</div>
<div id="slider">
<ul class="slides">
<li class="slide"><img src="slider/img1.png"/></li>
<li class="slide"><img src="slider/img2.jpg"/></li>
<li class="slide"><img src="slider/img1.png"/></li>
</ul>
</div>
</div>
</body>
</html>
Como se podrán dar cuenta, las imágenes las agrego a una lista e intento hacer swipeleft dobre "slides" moviéndo a la izquierda dicho elemento y así mostrar el siguiente.
¿Alguna idea de qué estoy haciendo mal?
De antemano muchas gracias.
Saludos
Valora esta pregunta
0
