Hola
Tengo este codigo el cual usa el evento click en la flechas "left" and "right" para mover el slide.
El problema que tengo es que quiero implementar con jquery mobile el evento "swipe" cuando declaro los script de Jquery y Jquery Mobile, el evento "swipe" funciona perfecto pero se me bloquea las demas funciones de Jquery.
Porque pasa esto ?
Alguna ayuda ?
Gracias
Codigo:
Código Javascript
:
Ver original<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
if($(window).width() > 767 && $(window).width() < 1280){
var cont = 0;
$( ".arrowRight" ).click(function() {
cont = cont + 700;
if ( cont > 2100 ){
$(".slideContent").animate({
left: "0"
});
cont = 0;
}
if ( cont > 0 && cont <= 2100 ){
$(".slideContent").animate({
left: "-=700"
});
}
if ( cont == 0 ){
$(".slideContent").animate({
left: "0"
});
}
});
$( ".slideContent" ).on("swiperight",function(){
cont = cont + 700;
if ( cont > 2100 ){
$(".slideContent").animate({
left: "0"
});
cont = 0;
}
if ( cont > 0 && cont <= 2100 ){
$(".slideContent").animate({
left: "-=700"
});
}
if ( cont == 0 ){
$(".slideContent").animate({
left: "0"
});
}
});
$( ".arrowLeft" ).click(function() {
cont = cont - 700;
if ( cont < -2100 ){
$(".slideContent").animate({
left: "0"
});
cont = 0;
}
if ( cont < 2100 && cont > 0 ){
$(".slideContent").animate({
left: "+=700"
});
}
if ( cont < 0 ){
$(".slideContent").animate({
left: "-=2100"
});
cont = 2100;
}
if ( cont == 0 ){
$(".slideContent").animate({
left: "0"
});
}
//console.log(cont);
});
}