Foros del Web » Programando para Internet » Jquery »

containment en ipad

Estas en el tema de containment en ipad en el foro de Jquery en Foros del Web. Hola a tod@s tengo una dudilla sobre un problemilla curioso que tengo en una web que estoy creando. La web hace que unas imágenes se ...
  #1 (permalink)  
Antiguo 13/05/2013, 02:45
Avatar de JaviCN  
Fecha de Ingreso: abril-2009
Ubicación: Huelva, España
Mensajes: 76
Antigüedad: 15 años, 7 meses
Puntos: 2
containment en ipad

Hola a tod@s tengo una dudilla sobre un problemilla curioso que tengo en una web que estoy creando.
La web hace que unas imágenes se muevan con el dedo en un ipad, y la cosa es que no deberían de salirse de una capa cuya id se llama 'res0'.
Buscando por internet encontré la función para hacer que una capa se mueva e una web (draggable en jquery ui), y vi que las ultimas lineas de esa función son las mismas que hacen que una capa se muevan en un pc normal y corriente, pero veo que lo único que no funciona es containment que hace que la capa que quiero mover no salga de una capa determinada. ¿Como hago para que no se salga?. Os pongo la función en cuestión. Un saludo

Código:
$.fn.draggable = function() {
    var offset = null;
    var start = function(e) {

        var orig = e.originalEvent;
        var pos = $(this).position();
        offset = {
            x: orig.changedTouches[0].pageX - pos.left,
            y: orig.changedTouches[0].pageY - pos.top
        };
    };
    var moveMe = function(e) {
        e.preventDefault();
        var orig = e.originalEvent;
        $(this).css({
            top: orig.changedTouches[0].pageY - offset.y,
            left: orig.changedTouches[0].pageX - offset.x
        });
    };
    this.bind('touchstart', start);
    this.bind('touchmove', moveMe);

};

$('#imagen1').draggable({containment:'#res0'});
$('#imagen2').draggable({containment:'#res0'});

Etiquetas: ipad
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:35.