[jquery] mousemove, mousedown w przesuwaniu elementow Opcje

[kicaj]

Napisalem taki maly kod, o przesuwaniu diva w innym divie:

[HTML] pobierz, plaintext 
<script>
			$(document).ready(function() {	
				$('#box').mousedown(function() {		
					$('#box').mousemove(function(e) {
 
						x = e.pageX;
						y = e.pageY;
 
						if(x > 400) {
							x = 400;
						} else if(x < 100) {
							x = 100;
						}
 
						if(y > 250) {
							y = 250;
						} else if(y < 100) {
							y = 50;
						}
 
						$('#box').css({top: y-$('#box').height()/2, left: x-$('#box').width()/2});
 
						$('#dim').html(x +'x'+ y);
					});
				}).mouseup(function() {
					alert('puscilem');
				});
			});
</script>
[HTML] pobierz, plaintext 

Poki co wiekszosc parametrow jest ustawiona na sztywno, ze wzgledu na #box (200x100) i #container (500x300).
Problem polega na tym ze przesuwanie sie zacina i nie wiem jak zrobic by tylko dzialalo kiedy myszka jest wcisnieta, a ty puszczam przesuwanie powinno juz byc zwolnione.

[vokiel]

Zamiast .css() użyj .animate(), do którego można użyć następnie .stop() i .clearQueue()

[krowal]

@vokiel - animate() będzie mu opóźniało ruch diva i będzie dziwnie wyglądać.
@kicaj - przy mouseup musisz odłączyć event mousemove od przesuwanego obiektu:

[JAVASCRIPT] pobierz, plaintext 
$('#box').mousedown(function() {
        $('#box').mousemove(function(e) {
 
                x = e.pageX;
                y = e.pageY;
 
                if(x > 400) {
                        x = 400;
                } else if(x < 100) {
                        x = 100;
                }
 
                if(y > 250) {
                        y = 250;
                } else if(y < 100) {
                        y = 50;
                }
 
                $('#box').css({top: y-$('#box').height()/2, left: x-$('#box').width()/2});
 
                $('#dim').html(x +'x'+ y);
        });
}).mouseup(function() {
        $('#box').unbind('mousemove'); //wyłączenie obsługi eventu mousemove
        alert('puscilem');
});
[JAVASCRIPT] pobierz, plaintext 

[kicaj]

Zrobiem cos jeszcze prostszego.
Zastosowalem zmienna boolean, ktora domyslnie ma wartosc false, a przy 'mousedown' ustawia wartosc true. Natomiast 'mousemove' dziala tylko kiedy owa zmienna jest true.