2010-11-24 5 views
2

Ich möchte Jquery UI Sortable verwenden, um Drag-Drop und sortierbare Anzeige zu implementieren. Außerdem möchte ich nur einen bestimmten Bereich (Header) zum Drag-Drop verwenden. Beispiel:Frage über Jquery UI Sortable, Option Handle

$(".selector").sortable({ handle: 'h2' }); 

Der 'Griff' Option starten schränkt sortieren klicken Sie auf das angegebene Element.

Codebeispiel hier http://jsfiddle.net/dodoflying/9BkJ5/

Das Problem ist, wenn ich auf ‚h2‘ bewegt, ich möchte ein wenig ‚Hand‘ sehen, diese per Drag & Drop zu zeigen, ich denke, es könnte direkt verwenden implementieren Jquery. Irgendwelche Vorschläge? Danke im Voraus!

Antwort

2
$("h2").css("cursor", "pointer"); // Hand cursor 
$("h2").css("cursor", "move");  // Directional cursor. 

Ein Update auf Ihre jsFiddle: http://jsfiddle.net/g105b/9BkJ5/15/

+0

Greg, vielen Dank für Ihre schnelle Antwort. Hab ein schönes Thanksgiving! –

0

Es ist eine alte Frage, aber die Antwort vorgesehen ist unvollständig. Das OP wollte auch den Drag & Drop-Start Klick auf einen bestimmten Bereich einschränken. Dies kann unter Verwendung von handle:".portlet-header" geschehen, wie das OP selbst vorgeschlagen hat. Also, Aktualisieren der JSfiddle von Greg gegeben, wird es so: link to jsfiddle