✔ Bei langem Klick (1 Sekunde) verschiebbar machen mit Timeout

[Noeden]

Hallo Leute,
würde gerne ein LI per jQuery UI draggable machen, wenn man die Maus darauf eine Sekunde lang gedrückt hält. Dann soll man es auch direkt verschieben können. Wenn man loslässt soll man auch beim nächsten mal wieder eine Sekunde die Maus halten müssen zum verschieben.

Also meine Vorüberlegungen:

bei onclick ein setTimeout für 1000 msec. Danach das draggable aktivieren.
bei mouseleave oder mouseup clearTimeout und bewegbar deaktivieren.

Jetzt habe ich noch zwei Probleme.

1. Das mit dem Timeout funktioniert nicht
2. Nach der Sekunde wäre das Ding zwar aktiviert, aber ich würde es noch nicht verschieben. Dafür müsste ich es anklicken. Zum anklicken müsste ich die Maus loslassen ....

Danke schonmal!

Mein Code:

$(document).ready(function(){
	$("#referenz_div li").draggable({ disabled: true });
	var ref_bewegbar_timeout = false;
	$("#referenz_div li").live("mousedown", function(){
		ref_bewegbar_timeout = setTimeout("$(this).draggable("enable")", 750);
	});
	$("#referenz_div li").live("mouseup", function(){
		clearTimeout(ref_bewegbar_timeout);
		$(this).draggable("disable");
	});
	$("#referenz_div li").live("mouseleave", function(){
		 clearTimeout(ref_bewegbar_timeout);
		 $(this).draggable("disable");
	});
});

 

[CPoly]

RTFM

http://jqueryui.com/demos/draggable/#option-delay

delay

Time in milliseconds after mousedown until dragging should start. This option can be used to prevent unwanted drags when clicking on an element.


Code examples

Initialize a draggable with the delay option specified.
$( ".selector" ).draggable({ delay: 500 });

Edit: Es gibt sogar ein Demo mit genau der gewünschten Sekunde: http://jqueryui.com/demos/draggable/#delay-start

 

[Noeden]

Sorry. Ich bin schon ganz dull, weil ich versuche mich hier zurechtzufinden in dem was ich da zusammenwerfe. Danke! Jetzt erinner ich mich auch wieder. Ach gott