javascript - swipeleft - jQuery Mobile y TouchSwipe jQuery plugin errores

swipe html

Question

Estoy tratando de usar el complemento TouchSwipe de Skinkers Labs en combinación con jQuery Mobile en un sitio web móvil que estoy creando y que también utiliza un diseño receptivo.

TouchSwipe: http://labs.skinkers.com/touchSwipe/

La situación con la que me estoy encontrando es que puedo hacer que el complemento TouchSwipe funcione bien con una página normal en un dispositivo móvil, pero una vez que agrego el archivo jQuery Mobile js, la funcionalidad TouchSwipe ya no funciona.

Este es el error de JS que recibo (en la línea 3256 de jquery-1.7.1.js):

TypeError: ''undefined'' no es una función (evaluando ''((jQuery.event.special [handleObj.origType] || {}). Handle || handleObj.handler) .apply (matching.elem, args)'')

Aquí es donde incluyo el JavaScript en mi HTML:

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe-1.2.5.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

<script type="text/javascript">
    $("#divCheckingWrapper").live("pagecreate", function(event) {
        var swipeOptions = {
            swipeStatus: swipeStatus,
            allowPageScroll: "vertical"
        };

        SWIPEABLE_NODES = $("#divCheckingSlider");
        SWIPEABLE_NODES.swipe(swipeOptions);

        CONTENT_WIDTH= SWIPEABLE_NODES.parent().width();
        MAX_NODES = SWIPEABLE_NODES.find("div.divCheckingSliders").length;
    });
</script>

<script type="text/javascript" src="js/jquery.mobile-1.1.0-rc.1.min.js"></script>

main.js incluye todas las funciones auxiliares dentro del código de ejemplo de deslizamiento de imagen desde el sitio TouchSwipe:

http://labs.skinkers.com/touchSwipe/demo/image_scroll.php

¿Alguna idea de por qué estoy viendo este error? Tan pronto como elimine el archivo javascript de jQuery Mobile, el complemento funciona bien, pero necesito jQuery Mobile para este sitio.

Con mucho gusto publicaré más código si lo desea. Avíseme si tiene alguna pregunta o necesita más información.

¡Gracias de antemano por tu ayuda!

Answer 1

Terminé renunciando a TouchSwipe y utilizando el complemento iosSlider, que parece funcionar mucho mejor y no tuve ningún problema al usarlo en combinación con jQuery mobile.

http://iosscripts.com/iosslider-jquery-horizontal-slider-for-iphone-ipad-safari/

Con suerte, esto ayudará a otra persona con el mismo problema.

Answer 2

Esto se debe a un choque dentro del espacio de nombres jqm. Tanto touchSwipe como jqm usan los mismos nombres de ''deslizamiento'', ''deslizamiento'', etc. Cambié los nombres en el complemento touchSwipe con una búsqueda rápida: sustitúyelo para eliminar el problema. Obviamente, esta no es una solución ideal, pero funciona.

Answer 3

Lo estás haciendo de la manera incorrecta. Estás cargando JQM después de TouchSwipe, aunque se supone que TouchSwipe anula JQM. Es como construir ventanas delante de las paredes.

He probado y las cosas funcionan normalmente sin necesidad de cambiar ningún nombre. Todo lo que necesita hacer es incluir JQM antes de TouchSwipe.

<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0-rc.1.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe-1.2.5.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>