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'});